COllaboration, CLassification, Incrémentalité et COnnaissances wiki_coclico https://coclico.icube.unistra.fr/index.php?title=Sp%C3%A9cial:Accueil MediaWiki 1.39.10 first-letter Média Spécial Discussion Utilisateur Discussion utilisateur COllaboration, CLassification, Incrémentalité et COnnaissances Discussion COllaboration, CLassification, Incrémentalité et COnnaissances Fichier Discussion fichier MediaWiki Discussion MediaWiki Modèle Discussion modèle Aide Discussion aide Catégorie Discussion catégorie Intranet Intanet talk Group1 Group1 talk Group2 Group2 talk Group3 Group3 talk Workspace Workspace talk Gadget Discussion gadget Définition de gadget Discussion définition de gadget Accueil 0 1 1 2012-11-16T09:08:39Z MediaWiki default 0 wikitext text/x-wiki '''MediaWiki a été installé avec succès.''' Consultez le [//meta.wikimedia.org/wiki/Aide:Contenu Guide de l’utilisateur] pour plus d’informations sur l’utilisation de ce logiciel. == Démarrer avec MediaWiki == * [//www.mediawiki.org/wiki/Manual:Configuration_settings Liste des paramètres de configuration] * [//www.mediawiki.org/wiki/Manual:FAQ/fr FAQ sur MediaWiki] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce Liste de discussion sur les distributions de MediaWiki] 64ceb71272af93be98bcb937c5c605b898079901 MediaWiki:Sidebar 8 2 2 2012-11-16T09:11:52Z Pgancarski 1 Page créée avec « * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test #comment | ** portal-url|portal #comment | ** cur... » wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 9b8a96643d858aa375c834d58a7c53b0a1031173 MediaWiki:Common.css 8 3 3 2012-11-16T09:12:21Z Pgancarski 1 Page créée avec « /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur... » css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:500px; text-align:center; /* background:lightblue;*/ margin-top:75px; position:relative; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; margin-top:0px; height:110px; margin-left:0px; } 15d6567a9fa7fa1e12182017377ce78db617a64b 4 3 2012-11-16T09:15:20Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:500px; text-align:center; /* background:lightblue;*/ margin-top:75px; position:relative; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; margin-top:0px; height:110px; margin-left:0px; } 1f562c9aeab01c3e7b2125e659df4ba7893d2a1f 5 4 2012-11-16T09:50:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:500px; text-align:center; /* background:lightblue;*/ margin-top:75px; position:relative; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; margin-top:0px; height:132px; margin-left:0px; } 8e3eb1c17f7f029b3707da2fe247c55015477894 6 5 2012-11-16T09:51:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:500px; text-align:center; /* background:lightblue;*/ margin-top:75px; position:relative; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:132px; margin-left:0px; } 15a127faacb03e3388aa93b3f3a5cfabd2811c5e 7 6 2012-11-16T09:52:11Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:500px; text-align:center; /* background:lightblue;*/ margin-top:75px; position:relative; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:202px; margin-left:0px; } 1990e1cd3b78b9c366b9d23969e25e49bb8790cd 8 7 2012-11-16T09:54:04Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:500px; text-align:center; /* background:lightblue;*/ margin-top:75px; position:relative; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 643bf1491382ef5caebeb970da41609f03bb8959 9 8 2012-11-16T09:55:00Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:5px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 8b3e5045566e1af1166db80c0bc05ab3d69bb9c1 10 9 2012-11-16T09:57:32Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:15px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } f9e4e603bc01aaeddfa5dd31dc178b3473495c3d 11 10 2012-11-16T10:00:36Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:35px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } d514aa7cfad69ba209dce40340d83637974f1412 12 11 2012-11-16T10:02:34Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-mw-panel { padding-top:50px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:5px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 55e9f3be908ff13300506a4cf4f84fa5f19cd9fe 13 12 2012-11-16T10:03:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-mw-panel { padding-top:80px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 4f8c84f8cf8134dd4eed8d527fd8ce88a31ee8ca 14 13 2012-11-16T10:04:20Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-mw-panel { margin-top:80px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } d4dc4cf6d75e848a662a187be569bc0206d81058 15 14 2012-11-16T11:39:02Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-mw-panel { padding-top:0em; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 2fcae96ba0ccc9e6e31dc5dac4f02e94ad90da65 16 15 2012-11-16T11:39:49Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-mw-panel { padding-top:2em; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 677c496808da4e7c7c3a54a0c61adf6ab30d74b0 17 16 2012-11-16T11:40:36Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:110px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } f2e6a4cde0ddd787c80917502218a483b3f59c97 18 17 2012-11-16T11:41:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 224b32048bd35adcf5d7da1b11d33add422a5249 19 18 2012-11-16T11:43:43Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; padding-top:2px; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } d2e005f75f0b46617da600938795f61078e95b1f 20 19 2012-11-16T11:44:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } 5586d5d31a3c21d20374392bd206760aaae8fcd0 24 20 2012-11-16T11:49:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } footer { bottom:0; } 9bef0bbf30f868249099fe1bdaf97f7dce3e89e1 25 24 2012-11-16T11:50:03Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } footer { bottom:0; position:absolute; } 2dd9b7cf901c21853761700ef068c4c785bfad84 26 25 2012-11-16T11:50:24Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { bottom:0; position:absolute; } ab2c7565f4a271be44e16a93617a033a245b13f5 27 26 2012-11-16T11:51:24Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; height:30px; width:100%; bottom:0px; position:fixed; text-align:center; } c0716bf6c10ea4a820f4d8d8965f85ab53a02fc9 28 27 2012-11-16T11:52:03Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; width:100%; bottom:0px; position:fixed; } f8e62a0da3e5decc5973e9247ebe958b4a72e7af 29 28 2012-11-16T11:53:09Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; width:100%; bottom:0px; } 64ea34a255eb163a7ab9658f7efb16a04ead77e9 37 29 2012-11-16T13:25:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { /* background:lightgreen; */ width:100%; bottom:0px; } cf7b7c1a20c6abc7b8e81c4f39dd7374d04ba1cc 38 37 2012-11-16T13:26:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { /* background:lightgreen; */ } 1d40a27dde39108abde5e272370ccda1259f47aa 39 38 2012-11-16T13:26:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } 9ed606e0244dfd3d25e9cf04051119a76feadfa3 40 39 2012-11-16T13:27:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#229911;; } 58d6ea3caff281a0edf2d6ea63aa69eb8c0acda7 41 40 2012-11-16T13:27:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#22CC11; } 6b16365a386fc112d0a61c2097bb08d9d4daabe5 42 41 2012-11-16T13:28:09Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#222; } be01a912ee42afc88d7d1d5bc727148009b59813 43 42 2012-11-16T13:28:27Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } 74ff5d030125bb2941d33463c282c2ecf3e9019d 44 43 2012-11-16T15:29:36Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ a /* Ceci est un TEST */ { color: orange; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } 0474cb85bc494e54b6ab57e87fc637bca915439c 45 44 2012-11-16T15:30:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:lightblue; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } 7a9155c68a0166d5c335bf2d242fc5ff19f70f64 46 45 2012-11-16T15:31:24Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } 90da9ef4a2861594014960cf241d37f4da5d6318 47 46 2012-11-16T15:40:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { display:block; border-radius:10px; border-bottom:2px solid #CCF; } fbc88246998c257b0aaaa64fda55fb9c7036b460 48 47 2012-11-16T15:40:49Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } 329e4b5c2034edd4ac842cf214c8bd4335a27f98 49 48 2012-11-16T15:42:02Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } 11286f8cc8e14c3755af1eb8c04e7a47ae8ec4a1 50 49 2012-11-16T15:43:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-top:100px; min-height:300px; margin-left:15em; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } d8421fa8a2dbf5ff83d6cbb7e42af74ffd82a8ec MediaWiki:Mainpage 8 4 21 2012-11-16T11:47:43Z Pgancarski 1 Page créée avec « Index » wikitext text/x-wiki Index c2df9b932637fe9d32a0f16da1c11873398f873d Index 0 5 22 2012-11-16T11:48:05Z Pgancarski 1 Page créée avec « == Bienvenue sur le site de présentation du projet COCLICO == » wikitext text/x-wiki == Bienvenue sur le site de présentation du projet COCLICO == 38b83fd87971e8f3eb7da5dbae86dd89987bd549 23 22 2012-11-16T11:48:35Z Pgancarski 1 /* Bienvenue sur le site de présentation du projet COCLICO */ wikitext text/x-wiki '''Bienvenue sur le site de présentation du projet COCLICO ''' 32f01cb7ff74a72443872a34fa5f597e6164809a Coclico 0 6 30 2012-11-16T12:45:01Z 130.79.182.146 0 Page créée avec « <h1>Présentation du projet </h1> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par e... » wikitext text/x-wiki <h1>Présentation du projet </h1> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <p class="button">[[Domaine | Domaines D'applications ]]</p> <p class="button">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</p> <p class="button">[[Programme | Programme scientifique et structuration du projet ]]</p> 976e3071fd794f8114d05868a2f63fa2512c9e6e Domaine 0 7 31 2012-11-16T12:45:56Z 130.79.182.146 0 Page créée avec « <h1> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands dom... » wikitext text/x-wiki <h1> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. <h2>Analyse des formes urbaines et de leurs dynamiques</h2> L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> 3bc77c7ecd0709c02964dca20d792daf38ac6565 Objectifs 0 8 32 2012-11-16T12:46:12Z 130.79.182.146 0 Page créée avec « <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifi... » wikitext text/x-wiki <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 53168f6625efbe91fee29e44e5abd5669f8b5114 Programme 0 9 33 2012-11-16T12:47:16Z 130.79.182.146 0 Page créée avec « <img src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> » wikitext text/x-wiki <img src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> dc66168a638e11b713a7fc817b61316e97c22a85 34 33 2012-11-16T12:47:34Z 130.79.182.146 0 wikitext text/x-wiki <img width="500" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> 1f8aa89ea0e66fb79a37bd2ab34ee59b3a30e8ee 35 34 2012-11-16T12:47:43Z 130.79.182.146 0 wikitext text/x-wiki <img width="800" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> 85ba27ae65b622705c9dc2fca1387f587fc5cb6f 36 35 2012-11-16T12:47:51Z 130.79.182.146 0 wikitext text/x-wiki <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> 4d4c6ad1512430d40d5c9ac4033e3dc8717bc6f6 MediaWiki:Common.css 8 3 51 50 2012-11-16T15:44:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } b59a230894f968bd1fd97801d8a251a28cc5ed14 52 51 2012-11-16T15:54:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset 10px 10px 10px #A558E6 } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } 13a0a11fd98a4ef1abd3ef64cecafeaf63e1b3ea 53 52 2012-11-16T15:54:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset 0px -50px 10px #A558E6 } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } a0ddf6fbbab30f309ce6c9bd32ae6475b5038156 54 53 2012-11-16T15:55:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset 0px -10px 100px #A558E6 } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } f5106417b9c173b7e3c59e9c36daa61e9d0eef11 55 54 2012-11-16T15:56:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px -10px 100px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } 403cd7cc1cc0778e6cdedb0e6be7d2cec113c966 56 55 2012-11-16T15:58:12Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px -50px 100px 100px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } 6aa52da80f5763a04baea7d8add8ad4d05edc15f 57 56 2012-11-16T15:58:32Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px -50px 10px 100px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } 7418d67346e7d2cda8867c06bc3cd758f54a3818 58 57 2012-11-16T15:58:54Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px -50px 10px 10px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } a2dd967c9559d7f764fa014c5203202f39086eaf 59 58 2012-11-16T15:59:27Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:15em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 40px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { width:15em; } a73eda6d60a329aa0c6579dad4dcd540ed5bc37b 60 59 2012-11-16T20:58:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 40px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #mw-panel { } 61d9a14e285470776e6f05ecef2f718f2eecaeab 61 60 2012-11-16T20:59:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 40px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; } #p-navigation li a:hover { background:#CCF; } #mw-panel { } 5f60fd5cf2e23844e221bbc40d651875f08bf8b9 62 61 2012-11-16T21:01:21Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 40px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; padding-left:10px; } #p-navigation li a:hover { background:#CCF; text-decoration:none; } #mw-panel { } 765d9bf35b5f5598e235f3e5c81f253b20135600 63 62 2012-11-16T21:02:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 40px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; padding-left:10px; margin-right:10px; } #p-navigation li a:hover { background:#CCF; text-decoration:none; } #mw-panel { } 40ecd71c452835adacf187da4192ed456bb0c171 64 63 2012-11-16T21:03:29Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 40px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; padding-left:10px; margin-right:10px; background:#DDF; } #p-navigation li a:hover { background:#CCF; text-decoration:none; } #mw-panel { } 4c8708c26bc11c9489bc175c6f38e951fad2476e 65 64 2012-11-16T21:05:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 0px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; padding-left:10px; margin-right:10px; background:#DDF; } #p-navigation li a:hover { background:#CCF; text-decoration:none; } #mw-panel { } cf44d41651d3543e135f6e12ef1c071a53835d00 66 65 2012-11-16T21:08:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; box-shadow:inset -10px 0px 50px 0px lightgreen } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; padding-left:10px; margin-right:10px; background:#DDF; } #p-navigation li a:hover { background:#CCF; text-decoration:none; } #mw-panel { } 827ec0491719a9c242c98d96d8ac18c1f0d0534a 67 66 2012-11-16T21:09:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #CCF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } c1b311c5b41b8a558323061f6b18bb4efaaf3462 68 67 2012-11-16T21:09:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; border-radius:10px; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 41337f4f4efa7923797cac5b71c8d265622d0bdf 69 68 2012-11-16T21:12:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-naigation li a:first-child { border-radius:10px 10px 0px 0px; } #p-naigation li a:first-child { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 7e6c8a82310c7ae81de0cf8f389e541edebf2a35 70 69 2012-11-16T21:12:51Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li a:first-child { border-radius:10px 10px 0px 0px; } #p-navigation li a:first-child { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } bae7abf596ae1465375483aca7b109f51fe76532 71 70 2012-11-16T21:13:40Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } f150c42a277601bee9d3861aa8ecf93104e4bb78 72 71 2012-11-16T21:14:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li padding-bottom:0; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } bc127552fa9f98ea1478c4204f30b6f5e8109864 73 72 2012-11-16T21:15:04Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li padding-bottom:0px; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 419d15c53616bc6e3be71931e4dbfa0b3bf19c1c 74 73 2012-11-16T21:15:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li padding-bottom:0em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } edb3f6aab7f972382347fbaa0f77f12c81ab6d98 75 74 2012-11-16T21:16:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li { padding-bottom:0em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } aa7968a46a5703c280533d4b205e384dfd126f44 76 75 2012-11-16T21:17:11Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } ul li { padding-bottom:0em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 22a6d6a7ab5c9e81326ff441ebfeb291d815262b 77 76 2012-11-16T21:17:58Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-bottom:0em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } fe32b8bf4bad741f315f2cd9e27c536c045afda0 78 77 2012-11-16T22:08:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:100%; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } d0ce1d6ae6b6dcf4c12ec005d693e2f6da76e424 79 78 2012-11-17T08:16:43Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 689943b8f6c73135130fea0a3c5518874e98f2f0 80 79 2012-11-17T08:17:46Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; /* position:absolute;*/ } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 58c10c3adaa10aa313819d6a343c9ee51f9f352f 81 80 2012-11-17T08:19:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; /* position:absolute;*/ margin-left:473px; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 251f548c99c14af95d2667b3d667d3a817c2e38b 82 81 2012-11-17T08:21:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; margin-left:473px; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 1c8263f24ae03b5211c7a90a98cc796616a0fbae 83 82 2012-11-17T08:23:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { z-index: 15; position: absolute; /*needed to use z-index */ top: 0; left: 0; height: 155px; width: 12em; overflow: visible; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } e54290d90e588e59a885b19fbaccc879692eac5e 84 83 2012-11-17T08:24:02Z Pgancarski 1 Annulation des modifications 83 de [[Special:Contributions/Agf|Agf]] ([[User talk:Agf|discussion]]) css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; margin-left:473px; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 1c8263f24ae03b5211c7a90a98cc796616a0fbae 85 84 2012-11-17T08:25:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; margin-left:473px; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } 55bfd28659922f467f8435524b95f3da0e5e7d4f 86 85 2012-11-17T08:26:22Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } c8147da15e58358b6d6fce6643ea6595746f707a 87 86 2012-11-17T08:29:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } a34ca901e4f3fa6fca5f9aeb007e7e01473bd0da 88 87 2012-11-17T08:31:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } #mw-panel { } div.vectorMenu h5 a { height:2em; } 0be779bc0d576cb6addee9499d411cd4b567815c 89 88 2012-11-17T08:35:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div#mw-panel div.portal { padding-top:-1em; } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } e0e6ed0a432107b62d16fc2f8da0807b842c5673 90 89 2012-11-17T08:38:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } #p-navigation li:first-child a, #p-tb li:first-child a { border-radius:10px 10px 0px 0px; } #p-navigation li:last-child a, #p-tb li:last-child a { border-radius:0px 0px 10px 10px; } #p-navigation li a:hover, #p-tb li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } dc68db5f86ae84a878d15132be55f4ee76535ed7 91 90 2012-11-17T08:41:21Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 03efa35239480c1105d9d9d79e8188ac75569ccc 93 91 2012-11-17T09:14:00Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } @media all and (max-width:1100px) { { #mw-head /* le haut en gros */ { height:52px; max-height:52px; } #content { margin-top:120px; } } ac3fc670c0c25e05b156dce040d4358543d5659d 94 93 2012-11-17T09:15:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } #p-navigation li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } @media all and (max-width:1100px) { { #mw-head /* le haut en gros */ { display:none; height:52px; max-height:52px; } #content { margin-top:120px; } } 6693b1792cd844c85e127a2a96a14eb54bea3470 95 94 2012-11-17T10:00:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div.portal li:first-child a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } @media all and (max-width:1100px) { { #mw-head /* le haut en gros */ { display:none; height:52px; max-height:52px; } #content { margin-top:120px; } } b596da32178b2bf615b16774b34509a8f218a36c 96 95 2012-11-17T10:01:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div.portal li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } @media all and (max-width:1100px) { { #mw-head /* le haut en gros */ { display:none; height:52px; max-height:52px; } #content { margin-top:120px; } } fdfe4a6b2a2ed82f7760249d2ad3fce252e3b073 97 96 2012-11-17T17:34:13Z Pgancarski 1 Page blanchie css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 98 97 2012-11-17T17:34:40Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:0px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div.portal li a { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } @media all and (max-width:1100px) { { #mw-head /* le haut en gros */ { display:none; height:52px; max-height:52px; } #content { margin-top:120px; } } fdfe4a6b2a2ed82f7760249d2ad3fce252e3b073 Coclico 0 6 92 30 2012-11-17T08:41:57Z Pgancarski 1 wikitext text/x-wiki <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <p class="button">[[Domaine | Domaines D'applications ]]</p> <p class="button">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</p> <p class="button">[[Programme | Programme scientifique et structuration du projet ]]</p> acd37d80405ed4055c3da514130e539ca0454749 Fichier:Logo-agro.png 6 10 99 2012-11-18T10:02:43Z Pgancarski 1 Logo de AgrosParisTech wikitext text/x-wiki Logo de AgrosParisTech c422c52cd90539573cb987f5aa0bd4c3751270ac Partenaires 0 11 100 2012-11-18T10:06:42Z Pgancarski 1 Page créée avec « [[File:logo-agro.png|Le logo de agroParisTech]] » wikitext text/x-wiki [[File:logo-agro.png|Le logo de agroParisTech]] 67159e148d0fb82131026b1f4a226ce872c4e0b1 MediaWiki:Common.css 8 3 101 98 2012-11-18T18:51:05Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:180px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 412e35bf7908e1c4bac5ae5d90000de5aed85014 102 101 2012-11-18T18:51:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:180px; margin-right:300px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } b61a7b387468ff8d0d1fbc51a4cdf1ad138b7e3c 103 102 2012-11-18T18:52:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; margin-top:180px; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:180px; margin-right:300px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 4d521f5d381b409ee9ca79379e4e270172a949ae 104 103 2012-11-18T18:53:21Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; margin-top:180px; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-right:300px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 458ca8962de79cd74bad4ee841db51123fb49c70 105 104 2012-11-18T18:54:52Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; margin-top:180px; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-right:300px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 06788c5c8746b9feac8533f6b1fb6c456fbd0059 106 105 2012-11-18T18:56:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal, @media screen #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; margin-top:180px; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-right:300px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 9eae96feed1dbc71b5d790ae756067fbd76761e0 107 106 2012-11-18T18:57:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-right:300px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } a95971b4bf98f0a3aac1ca68a7b7a4eb981eb6a3 108 107 2012-11-18T18:59:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-right:300px; position:absolute; margin-top:180px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } b7b4ddd95329a2e09f476b2c1ddd1223dbf1cafc 109 108 2012-11-18T18:59:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } ed38a67f12e41723f3278476b321315cb08161fe 110 109 2012-11-18T19:01:22Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; display:none; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 566b0e5bf0a3b719e58b0f8d16188fe1e724cb02 111 110 2012-11-18T19:01:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; display:none; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 34891df59d5c4c1e37b6ad7aa17a95a8184b503e 112 111 2012-11-18T19:02:46Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:300px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; display:none; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } bf8ee38bac1f8597d4cf19a2e6cc1e6c8deaf5b5 113 112 2012-11-18T19:07:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:350px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } a71f67aae00621ed7ef920dd642480c368ae3156 114 113 2012-11-18T19:10:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:350px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; height:30px; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 47ca8f749cc0452047781bff8f282f1dbb89cdc0 115 114 2012-11-18T19:10:47Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:350px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 7a5522ce88942ea586836c7d81ac1fd6645df57a 116 115 2012-11-18T19:14:06Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:350px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 2cd56a102e1cb0b1633a519172ec48bc6a010c8c 117 116 2012-11-18T19:14:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:350px; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } d7905332f0c4a0845b837da9c6bb955f38dfc8d8 118 117 2012-11-18T19:15:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:180px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } db2d4c0b9c7e5a4de9ed186a82797f8ed8547c85 119 118 2012-11-18T19:15:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 992b969aa978608328c8e553d5a87b0f721847fa 120 119 2012-11-18T19:16:36Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 6ed11d4061c3b7b96dac5e7e0cd05b478b7f87a2 121 120 2012-11-18T19:17:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } f391bb18a5d261df3b62df63c6de885f66d00198 122 121 2012-11-18T19:22:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#1497C2; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 2349dd81fdf966361cda1f65b8acd30bf08e1690 123 122 2012-11-18T19:26:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-color:#1497C2; padding-left:0px; min-height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 63521de22e3e94bf9fb72dba4b07496e58dc32c0 124 123 2012-11-18T19:27:11Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-color:#1497C2; padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 824c5d3c3250e7ca0b94477735ab7308ff6dd80f 125 124 2012-11-18T19:27:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-image:-webkit-linear-gradient(to right, #1497C2, #2AADD8); background-color:#1497C2; padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 18cf0ac5fc78183cce1349988f03f691b8d0c995 126 125 2012-11-18T19:28:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-color:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-image:-webkit-linear-gradient(to right, #1497C2, #2AADD8); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } c6e984b830266ada2af23e946760fcc7e3b43808 127 126 2012-11-18T19:30:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-color:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-image:-webkit-linear-gradient(to right, #1497C2, #2AADD8); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 5205a095bb675fb714d11bdeefaa5ccbdb12bd2a 128 127 2012-11-18T19:31:46Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-color:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-image:-webkit-linear-gradient(to right, #1497C2, #2AADD8); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 586b3cca78c82add377409a1ad216ad1d3502aa3 129 128 2012-11-18T19:33:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-color:#1497C2; background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-image:-webkit-linear-gradient(to right, #1497C2, #2AADD8); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 9662372492a4a05051d69b266924cb0c3e41a044 130 129 2012-11-18T19:34:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { /* background-color:#1497C2; */ background-image:linear-gradient(to right, #1497C2, #2AADD8); background-image:-moz-linear-gradient(to right, #1497C2, #2AADD8); background-image:-webkit-linear-gradient(to right, #1497C2, #2AADD8); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 7c9b8fe11fd07838cc07d475a4e19ee673d51fcf 131 130 2012-11-18T19:41:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { /* background-color:#1497C2; */ padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#FAFAFA; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 93e6faadec13007f184dddaaa3361af066b0bb31 132 131 2012-11-18T19:46:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { /* background-color:#1497C2; */ padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#FAFAFA; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } p { background-image:url('http://kimengumi.u-strasbg.fr/~rei/mediaWiki/images/b/bd/Logo-agro.png'); } d094534d87030f6dc6b7f71ead3d8100a7072eb5 133 132 2012-11-18T19:47:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { /* background-color:#1497C2; */ padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#FAFAFA; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } body { background-image:url('images/b/bd/Logo-agro.png'); } 28abfc615a72f8b8ada8a65b4c0c8f2929adcab2 134 133 2012-11-18T19:53:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { /* background-color:#1497C2; */ padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#FAFAFA; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } body { background-image:url('../Img/Red.jpg'); } 3c2900998712c53d1f51a98ff41e5d7cb1d3f883 135 134 2012-11-18T19:56:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { /* background-color:#1497C2; */ padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#FAFAFA; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 93e6faadec13007f184dddaaa3361af066b0bb31 136 135 2012-11-18T20:01:36Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#FAFAFA; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } caf11056924c60ad3a2430084786b51169f6e49d 137 136 2012-11-18T20:03:06Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { /* background:#FAFAFA; */ position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } fb90cfac65dfcf0c3ae0df07238f1724ec63253c 138 137 2012-11-18T20:04:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { /* background:#FAFAFA; */ position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } dfb44a7f4979a5939fff42369502265b6ebb1a38 139 138 2012-11-18T20:27:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { /* background:#FAFAFA; */ position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 434fb3e13e620b7da073cb4db2aa9da21f96b7b2 140 139 2012-11-18T20:28:21Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#D3D3D2; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 58e9ba394926ddd177bde725ad7c334f39443d80 141 140 2012-11-18T20:29:05Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } 93692659260c94d38c25d6fa0104b3a9946c71a5 142 141 2012-11-18T20:30:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } 8bf8fc9ec8099abd2a38dc8181fa4cabf8fa8175 143 142 2012-11-18T20:32:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } ea5c039537e934f3123b68860d642ad586a3c920 144 143 2012-11-18T20:34:27Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } 435a706834aa49510e0fff6e94d1cd34117f7eab 145 144 2012-11-19T06:23:59Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); } 0259dfc8b73188faa9f2647065d5e1929a173a4e 146 145 2012-11-19T06:24:53Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; } 03fcb9f87571582f0fdc3f8179b536169846953e 147 146 2012-11-19T06:25:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } 524c846d1c08b8b1fcbadea011b8ddc709007ac9 148 147 2012-11-19T06:26:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } 99e9f83ab004e904aa134dc216766fac166b097d 149 148 2012-11-19T06:27:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { background:lightgreen; margin-left:0px; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } 193d23013b3eab62872cdd9b51920e2f31dad47d 150 149 2012-11-19T06:34:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { background:lightgreen; margin-left:0px; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } 44bb19d182e8e36fef47f9db42d9a0ea53ac1988 MediaWiki:Common.css 8 3 151 150 2012-11-19T06:37:08Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { background:lightgreen; margin-left:0px; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } 9ce4f99c381deb3e6c1cda3373b1c19f76cfdb51 152 151 2012-11-19T06:37:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { background:lightgreen; margin-left:0px; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } bafd7af10ea7c791354668f393b5c002656b4977 153 152 2012-11-19T06:49:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { background:lightgreen; margin-left:0px; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } 07efe96e98cb84d88ec2796d32d9ce6141f171bd 154 153 2012-11-19T06:50:12Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } c772502c9cbeaa4528dbdc9869c66d50be16c3c0 155 154 2012-11-19T06:52:47Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } 337716a4f0f50dc605037568067953ea8e51dba1 156 155 2012-11-19T06:53:39Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; } #footer a /* les liens du footer */ { color:#252; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } 1c197879d5a14651551cdeeb47847ece5750148a 157 156 2012-11-19T06:54:07Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } e57f7f01aebba517df2e5334c4b2b83e3b58b1ad 158 157 2012-11-19T06:55:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; padding-right:15px; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } ee812741ad5138b36b0cd907f644a314dab111e0 159 158 2012-11-19T06:56:21Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } 51388e104b0bce2002387e16582557748af10d8f 160 159 2012-11-19T06:57:34Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } f917e722aece66f755745b7fc07421a1d330586c 161 160 2012-11-19T06:58:45Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#contenu p { text-indent:20px; } d877619d9e27dd58c12507be722382f2ea5c4eb5 162 161 2012-11-19T06:59:45Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:20px; } f57f151524e234024c6f296b4d604c8561e80b25 163 162 2012-11-19T07:00:11Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; } fc375cfb0dd7b2bca264cbd796a5cbb432493730 164 163 2012-11-19T07:00:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:32px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } b3badad4e7d35e5cb3a313e8299ee34465e90257 165 164 2012-11-19T07:02:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } 9ed09a40734d406bcd7049b972f25333b0bb8ea1 166 165 2012-11-19T07:03:40Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:15px; } 38568246f0c8f26817f174e4ff1d227be9edf144 167 166 2012-11-19T07:04:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 8d2b02c1852cee680ae5a0e2cf7f9d847a4a54fc 168 167 2012-11-19T09:48:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#5F8DD3; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } d087d00cb4ad044e6f81d5fee32509257c9f72b8 169 168 2012-11-19T09:49:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#5485CF; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 228e38009aad45d6932babccc96ce87fdcd12f0e 170 169 2012-11-19T09:50:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#295596; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } ab056b6cabcdda9d4b66bc116dc4900dee4a5615 171 170 2012-11-19T09:50:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#222; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 10b2cc18520d16826cb968167adb474a4ecbe476 172 171 2012-11-19T09:51:27Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#44A; } div#mw-panel div.portal div.body ul li a:hover { color:#333; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } d8cff4eb0d3b4e4b2e6a34777815be86d9577b50 173 172 2012-11-19T09:52:02Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 4d104249ab62b2ad5385e6e30946ee743ca1e448 174 173 2012-11-19T12:49:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#42C1EC; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#20B8CB; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 167372bda8d09b7d7cfe01285afb3083f9cabeb4 175 174 2012-11-19T12:50:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#5F8DD3; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } e2aaaf0d4ee48293d120d072e9eea76a3d32e4eb 176 175 2012-11-19T12:56:51Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 2b6ce62ab1bfb7095d8180cc7da2e131131606ad 177 176 2012-11-19T13:28:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 607e33ddc84fc6c259da06187a8caeec8dc29062 178 177 2012-11-19T18:45:27Z Pgancarski 1 css text/css /*! * Bootstrap v2.2.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; line-height: 0; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } .text-warning { color: #c09853; } a.text-warning:hover { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover { color: #356635; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; line-height: 0; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #333333; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; background-image: none; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 2px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini { padding: 1px 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; color: #777777; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #777777; } .navbar-link:hover { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333333; text-decoration: none; background-color: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #e5e5e5; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse { color: #999999; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #ffffff; background-color: transparent; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #111111; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 1px 6px; font-size: 10.5px; } .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1; } .pager:before, .pager:after { display: table; line-height: 0; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span { color: #999999; cursor: default; background-color: #fff; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { z-index: -1; content: ""; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-top-color: #ffffff; border-width: 10px 10px 0; } .popover.top .arrow:after { bottom: -1px; left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 0; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-right-color: #ffffff; border-width: 10px 10px 10px 0; } .popover.right .arrow:after { bottom: -11px; left: -1px; border-right-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 11px 0; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-bottom-color: #ffffff; border-width: 0 10px 10px; } .popover.bottom .arrow:after { top: -1px; left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 11px 11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-left-color: #ffffff; border-width: 10px 0 10px 10px; } .popover.left .arrow:after { right: -1px; bottom: -11px; border-left-color: rgba(0, 0, 0, 0.25); border-width: 11px 0 11px 11px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; line-height: 0; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media .pull-left { margin-right: 10px; } .media .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .hero-unit li { line-height: 30px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } /*bootstrap end */ /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } d400bba7aaf97b8e7372fb1e0820ad0f3e71b335 179 178 2012-11-19T18:50:48Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:150px; right:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 8a2dc9c81e5d97e11733594da72c06dbf89011c2 180 179 2012-11-19T19:29:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:150px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:182px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 0b8dd4599f4dcacc8d923ef2387d467e7aa8fa40 181 180 2012-11-19T19:31:09Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:20px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } ad7f5fbc2d2373a66ddf4f4669df07878f307af1 182 181 2012-11-19T19:31:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 66ce1361e03e40781f92768fa2ff0507f94739c4 198 182 2012-11-19T20:42:34Z Pgancarski 1 css text/css /*! * Bootstrap v2.2.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; line-height: 0; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } .text-warning { color: #c09853; } a.text-warning:hover { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover { color: #356635; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; line-height: 0; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #333333; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; background-image: none; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 2px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini { padding: 1px 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; color: #777777; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #777777; } .navbar-link:hover { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333333; text-decoration: none; background-color: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #e5e5e5; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse { color: #999999; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #ffffff; background-color: transparent; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #111111; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 1px 6px; font-size: 10.5px; } .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1; } .pager:before, .pager:after { display: table; line-height: 0; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span { color: #999999; cursor: default; background-color: #fff; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { z-index: -1; content: ""; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-top-color: #ffffff; border-width: 10px 10px 0; } .popover.top .arrow:after { bottom: -1px; left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 0; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-right-color: #ffffff; border-width: 10px 10px 10px 0; } .popover.right .arrow:after { bottom: -11px; left: -1px; border-right-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 11px 0; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-bottom-color: #ffffff; border-width: 0 10px 10px; } .popover.bottom .arrow:after { top: -1px; left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 11px 11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-left-color: #ffffff; border-width: 10px 0 10px 10px; } .popover.left .arrow:after { right: -1px; bottom: -11px; border-left-color: rgba(0, 0, 0, 0.25); border-width: 11px 0 11px 11px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; line-height: 0; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media .pull-left { margin-right: 10px; } .media .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .hero-unit li { line-height: 30px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } d8ec989d7781d0897d7586951021f801f3637c6b 199 198 2012-11-19T20:42:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 66ce1361e03e40781f92768fa2ff0507f94739c4 200 199 2012-11-19T21:01:39Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:15em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel { width:14em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } f5e829a8842144155bb2bc3ffdb11bd4e55d8718 Test 0 12 183 2012-11-19T20:01:31Z Pgancarski 1 Page créée avec « LOOOL » wikitext text/x-wiki LOOOL 5e56413668633c626983816301f66a743604320d 184 183 2012-11-19T20:01:55Z Pgancarski 1 wikitext text/x-wiki LOOOL [http://en.wikipedia.org/wiki/.avi video] d6093b11d3b8ecee887ef796ce65da88d5c4ee44 185 184 2012-11-19T20:02:09Z Pgancarski 1 wikitext text/x-wiki LOOOL [http://en.wikipedia.org/wiki/ video] 77b07760806ca847cd2976ad4d0c338b2cf5bf45 186 185 2012-11-19T20:02:34Z Pgancarski 1 wikitext text/x-wiki LOOOL [../superman.php video] 61849994df2192674fe02d49a780f25f28878a1a 187 186 2012-11-19T20:03:07Z Pgancarski 1 wikitext text/x-wiki LOOOL [../superman.php | video] d0cee13b229e7fb79f3f7e8129cdbca64efaa4f0 188 187 2012-11-19T20:04:02Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/ e1541a83c9d5da65da655c0c7e4066d271832f8a 189 188 2012-11-19T20:04:13Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php f9110573c867650d1cf05e1a85c459ad0179f5fb 190 189 2012-11-19T20:09:39Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME}}|action=view}} Edit this page] 7b5e07d448368ba29f50e77a56ec872087d28bae 191 190 2012-11-19T20:10:06Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME}}/../superman.php|action=view}} Edit this page] d7ade1112a8c021833c4c1915f08f0aa886c2819 192 191 2012-11-19T20:10:17Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME}}/../superman.php | action=view}} Edit this page] 9bdcf4e95baa258d7e03e02028530247f8c3cd99 193 192 2012-11-19T20:10:36Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME}}| action=view}} Edit this page] 258310eccedba589ef1d05d0ad4673c4faef976c 194 193 2012-11-19T20:10:59Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME/../superman.php}}| action=view}} Edit this page] e6f41233e2b99c76368becf7a491fb6699490c04 195 194 2012-11-19T20:11:16Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME}}/../superman.php| action=view}} Edit this page] a3fd4d11dcb1a238f3d1dc5c427ac7e56f7a0df0 196 195 2012-11-19T20:11:25Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [{{fullurl:{{SERVERNAME}}/../superman.php | action=view}} Edit this page] 9bdcf4e95baa258d7e03e02028530247f8c3cd99 197 196 2012-11-19T20:11:39Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php f9110573c867650d1cf05e1a85c459ad0179f5fb MediaWiki:Common.css 8 3 201 200 2012-11-19T21:03:54Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:12em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel { width:12em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } ed6309ce4b005b629d843b3de64404c20687ffbd 202 201 2012-11-19T21:07:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:15px; } div#footer #footer-info li { padding-right:10px; } 66ce1361e03e40781f92768fa2ff0507f94739c4 204 202 2012-11-19T21:12:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } a02553d7e3dc68c3dc19959bd173062aeb4f86a1 206 204 2012-11-19T21:13:07Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:80%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } 2e2b4d8f903448431d8cfce3bda7caf199cdda31 207 206 2012-11-19T21:13:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } 6df897d946fafb9cdef514848acd7fe9e401a38a 209 207 2012-11-19T21:19:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /*! * Bootstrap v2.2.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ /* article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; line-height: 0; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } .text-warning { color: #c09853; } a.text-warning:hover { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover { color: #356635; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; line-height: 0; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #333333; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; background-image: none; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 2px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini { padding: 1px 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; color: #777777; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #777777; } .navbar-link:hover { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333333; text-decoration: none; background-color: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #e5e5e5; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse { color: #999999; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #ffffff; background-color: transparent; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #111111; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 1px 6px; font-size: 10.5px; } .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1; } .pager:before, .pager:after { display: table; line-height: 0; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span { color: #999999; cursor: default; background-color: #fff; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { z-index: -1; content: ""; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-top-color: #ffffff; border-width: 10px 10px 0; } .popover.top .arrow:after { bottom: -1px; left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 0; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-right-color: #ffffff; border-width: 10px 10px 10px 0; } .popover.right .arrow:after { bottom: -11px; left: -1px; border-right-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 11px 0; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-bottom-color: #ffffff; border-width: 0 10px 10px; } .popover.bottom .arrow:after { top: -1px; left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 11px 11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-left-color: #ffffff; border-width: 10px 0 10px 10px; } .popover.left .arrow:after { right: -1px; bottom: -11px; border-left-color: rgba(0, 0, 0, 0.25); border-width: 11px 0 11px 11px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; line-height: 0; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media .pull-left { margin-right: 10px; } .media .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .hero-unit li { line-height: 30px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } c967c60ba599411fbdd486fe181f9892395e81d7 210 209 2012-11-19T21:21:04Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /*! * Bootstrap v2.2.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ /* article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; } */ .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; line-height: 0; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } .text-warning { color: #c09853; } a.text-warning:hover { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover { color: #356635; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; line-height: 0; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #333333; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; background-image: none; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 2px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini { padding: 1px 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; color: #777777; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #777777; } .navbar-link:hover { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333333; text-decoration: none; background-color: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #e5e5e5; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse { color: #999999; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #ffffff; background-color: transparent; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #111111; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 1px 6px; font-size: 10.5px; } .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1; } .pager:before, .pager:after { display: table; line-height: 0; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span { color: #999999; cursor: default; background-color: #fff; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { z-index: -1; content: ""; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-top-color: #ffffff; border-width: 10px 10px 0; } .popover.top .arrow:after { bottom: -1px; left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 0; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-right-color: #ffffff; border-width: 10px 10px 10px 0; } .popover.right .arrow:after { bottom: -11px; left: -1px; border-right-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 11px 0; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-bottom-color: #ffffff; border-width: 0 10px 10px; } .popover.bottom .arrow:after { top: -1px; left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 11px 11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-left-color: #ffffff; border-width: 10px 0 10px 10px; } .popover.left .arrow:after { right: -1px; bottom: -11px; border-left-color: rgba(0, 0, 0, 0.25); border-width: 11px 0 11px 11px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; line-height: 0; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media .pull-left { margin-right: 10px; } .media .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .hero-unit li { line-height: 30px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } c25e5a6f9d44a26e79c12faa1f1c8a47eefefd8d 211 210 2012-11-19T21:24:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } 6df897d946fafb9cdef514848acd7fe9e401a38a 216 211 2012-11-19T21:30:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border:1px solid #E3E3E3; background:#F5F5F5; } div#bodyContent ul li { display:block; width:100%; } div#bodyContent ul li.onIt { display:block; width:100%; background:#0088CC; } f58a5519cfb10646a6a643a9e6adb6dfd9a10629 217 216 2012-11-19T21:31:58Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border:1px solid #E3E3E3; background:#F5F5F5; } div#bodyContent ul li { display:block; width:100%; color:#0088CC; padding-left:15px; } div#bodyContent ul li.onIt { display:block; width:100%; background:#0088CC; color:white; } ff8b040482b85b48207137f9c99bca6de2bd49c2 219 217 2012-11-19T21:33:22Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border:1px solid #E3E3E3; background:#F5F5F5; } div#bodyContent ul li { display:block; width:100%; padding-left:15px; } div#bodyContent ul li a { color:#0088CC; } div#bodyContent ul li.onIt { display:block; width:100%; } div#bodyContent ul li.onIt a { background:#0088CC; color:white; } 92c21e979261afa5c79b65e33a0e6898335d157f 220 219 2012-11-19T21:34:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border:1px solid #E3E3E3; background:#F5F5F5; } div#bodyContent ul li { display:block; width:100%; padding-left:15px; } div#bodyContent ul li a { color:#0088CC; } div#bodyContent ul li.onIt { display:block; width:100%; background:#0088CC; } div#bodyContent ul li.onIt a { color:white; } 6d671584240ca9416f81b6f6efd95981268f5eac 221 220 2012-11-19T21:34:49Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border:1px solid #E3E3E3; background:#F5F5F5; width:100%; } div#bodyContent ul li { display:block; width:100%; padding-left:15px; } div#bodyContent ul li a { color:#0088CC; } div#bodyContent ul li.onIt { display:block; width:100%; background:#0088CC; } div#bodyContent ul li.onIt a { color:white; } 875da6f51a34a4ae36a911287dfbfb6fb6b3b1be 222 221 2012-11-19T21:35:29Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; } div#bodyContent ul li { display:block; width:100%; padding-left:15px; } div#bodyContent ul li a { color:#0088CC; } div#bodyContent ul li.onIt { display:block; width:100%; background:#0088CC; } div#bodyContent ul li.onIt a { color:white; } 541c468051ec8f2d09b18797c354403005ca785a 223 222 2012-11-19T21:36:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; } div#bodyContent ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#bodyContent ul li a { color:#0088CC; } div#bodyContent ul li.onIt { display:block; width:80%; background:#0088CC; } div#bodyContent ul li.onIt a { color:white; } 6d5efe4c508ad962d9d810db4bd72dd2ea12b748 233 223 2012-11-19T21:41:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; } div#bodyContent ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#bodyContent ul li a { color:#0088CC; } div#bodyContent ul li.onIt { display:block; width:80%; background:#0088CC; } div#bodyContent ul li.onIt a { color:white; } dac20b6be2878cce59a7d03cf1ea57a84f23dd64 237 233 2012-11-19T21:45:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#bodyContent > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; } div#bodyContent > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#bodyContent > ul li a { color:#0088CC; } div#bodyContent > ul li.onIt { display:block; width:80%; background:#0088CC; } div#bodyContent > ul li.onIt a { color:white; } 0d9e9d9b65073b1d1a1002a2313dc61ef481e808 238 237 2012-11-19T21:46:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li.onIt { display:block; width:80%; background:#0088CC; } div#mw-content-text > ul li.onIt a { color:white; } 76b309710aa7f2c29223b743c0e272656ef98703 239 238 2012-11-19T21:47:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li.onIt { display:block; width:80%; background:#0088CC; } div#mw-content-text > ul li.onIt a { color:white; } 06280d5b33b26eae4e880177a5f2cbfc153ed3ac 244 239 2012-11-19T21:48:46Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li.selflink { display:block; width:80%; background:#0088CC; } div#mw-content-text > ul li.selflink a { color:white; } 8e4113320ac52bc1a12b04ff49e280d362ef9ff0 245 244 2012-11-19T21:49:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li strong.selflink { display:block; width:80%; background:#0088CC; color:white; } b541a2e322ba963666c080d87c290664ed6f86af 246 245 2012-11-19T21:50:32Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; } 15aa714c42568336660a47f12d3fab2767f38882 247 246 2012-11-19T21:51:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { padding-left:15px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } d5d7ba394ae9091884cea43479c59dd6a6cddef4 248 247 2012-11-19T21:51:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; display:block; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { padding-left:15px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } 41b65c54476c8b6487f7b4151559998bb9798701 249 248 2012-11-19T21:52:35Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } 466d01449378012901efd69e7f0f164735107d88 250 249 2012-11-19T21:54:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } 4bbce4b484f993c9870afb0856c6ba5a031ca7b3 Coclico 0 6 203 92 2012-11-19T21:10:25Z Pgancarski 1 wikitext text/x-wiki <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <p class="button">[[Domaine | Domaines D'applications ]]</p> <p class="button">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</p> <p class="button">[[Programme | Programme scientifique et structuration du projet ]]</p> 80e6e886671276a7c8dd1e7a630f30d6538b47a2 205 203 2012-11-19T21:12:30Z Pgancarski 1 wikitext text/x-wiki <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <p class="button">[[Domaine | Domaines D'applications ]]</p> <p class="button">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</p> <p class="button">[[Programme | Programme scientifique et structuration du projet ]]</p> b3257d9ced999c29bb9049ad99573d26f279a3b1 208 205 2012-11-19T21:16:49Z Pgancarski 1 wikitext text/x-wiki <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="nav nav-list"> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> 92b5fff8ba5cd6ec2b25e8f0bacf3d39c6fdbc35 213 208 2012-11-19T21:27:57Z Pgancarski 1 wikitext text/x-wiki <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> 63eaa44815a4262dc8babf2ce0f1591287c6a7f2 218 213 2012-11-19T21:32:26Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li class="onIt">[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> ae6fafaa74313129659381883524a81d6a8cefbe 226 218 2012-11-19T21:37:46Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li class="onIt">[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> 4e2911f05caf7791216929ed8cb87d42743bccea 229 226 2012-11-19T21:38:33Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li class="onIt">[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> 9f2ae29f5e27893fcd2a8e58cc2e7a4cd6bc0d58 240 229 2012-11-19T21:47:53Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> 2e34a33ee7662f696c3be8fbd954f97c11d4417d MediaWiki:Sidebar 8 2 212 2 2012-11-19T21:27:36Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test **[[Special:MyExtension]] #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 27f3ff67561fa43d418ab67826b2f19adc5985ce 214 212 2012-11-19T21:28:09Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test **[[Special:MyExtension]] | MyExtension #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 58e8879af2854780c384859235b0bf928ed95f95 215 214 2012-11-19T21:28:32Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test ** Special:MyExtension | MyExtension #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 8088fdbce70e53fdf378119c0b497f412ccd7ab9 Domaine 0 7 224 31 2012-11-19T21:37:05Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li class="onIt">[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. <h2>Analyse des formes urbaines et de leurs dynamiques</h2> L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> 7edf0d669cd9d615ccd74c94df00c0d6a570df37 225 224 2012-11-19T21:37:17Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li class="onIt">[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. <h2>Analyse des formes urbaines et de leurs dynamiques</h2> L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> 090373d572e861950206122bd763f279c74eb7c7 241 225 2012-11-19T21:48:07Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. <h2>Analyse des formes urbaines et de leurs dynamiques</h2> L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> 9191f758783d78d44fd2703038df47ac940ecf3f Objectifs 0 8 227 32 2012-11-19T21:38:04Z Pgancarski 1 wikitext text/x-wiki <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li class="onIt">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 8d844de44e1e4c9cc5ae2ab1cbec1b64734cb61a 230 227 2012-11-19T21:38:47Z Pgancarski 1 wikitext text/x-wiki <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li class="onIt">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> f450e2cb7d7d03a3e05f176e0a648ab87b8b4507 231 230 2012-11-19T21:39:12Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li class="onIt">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 00a77166b8b9fd329a368612a4e61d8f1577d466 234 231 2012-11-19T21:43:27Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li class="onIt">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li><p> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</p></li> <li><p> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</p></li> <li><p> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</p></li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li><p>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</p></li> <li><p>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</p></li> <li><p>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</p></li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li><p>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</p></li> <li><p>le deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</p></li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li><p>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</p></li> <li><p>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</p></li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li><p>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </p></li> <li><p>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</p></li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> c2206944ed15660d5fe61c81f797bb8d63109c94 235 234 2012-11-19T21:44:16Z Pgancarski 1 Révocation des modifications de [[Special:Contributions/Agf|Agf]] ([[User talk:Agf|discussion]]) vers la dernière version de [[User:130.79.182.146|130.79.182.146]] wikitext text/x-wiki <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 53168f6625efbe91fee29e44e5abd5669f8b5114 236 235 2012-11-19T21:45:07Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li class="onIt">[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 168d83f41d3663af1173f7add35ea10b135996a6 242 236 2012-11-19T21:48:18Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 144b03c0da4815db046433693f25d8b13c04258e Programme 0 9 228 36 2012-11-19T21:38:17Z Pgancarski 1 wikitext text/x-wiki <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li class="onIt">[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> 105bac0fa6e104c0c6b9cac4d8af4a7e69aaa4c9 232 228 2012-11-19T21:39:18Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li class="onIt">[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> e38ced1c2133b27e863c4c570ef1b122c5bfc731 243 232 2012-11-19T21:48:26Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> 8dcde73c7cdee4ddf7b738c4b94de6cbfb18da04 Domaine 0 7 251 241 2012-11-19T21:56:07Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. </p> <h2>Analyse des formes urbaines et de leurs dynamiques</h2> <p>L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. </p> <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> <p> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> 9c9a701f814a878ee45b7fba57c08da2d2bac32b 252 251 2012-11-19T21:57:21Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Deux domaines d'applications priviligiés </h1> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. </p> <h2>Analyse des formes urbaines et de leurs dynamiques</h2> <p>L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. </p> <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> <p> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> 4490ca535c1c7dc074c8a8f8b6e5af8548b41e3b MediaWiki:Common.css 8 3 253 250 2012-11-19T21:57:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; } 9ade9c6bcb7253c6f8addb0eaadd98d6ef0d55aa 254 253 2012-11-19T21:58:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 9ad6642c182a3191ee6a7da4d814ec0547070884 258 254 2012-11-20T08:11:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; border-radius:10px; background:#999; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } fe3a4aa263a131c1dcf1840d17899e9bc2b7ff97 259 258 2012-11-20T08:12:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; padding-left:20px; border-radius:10px; background:#999; } div#mw-panel div.portal div.body ul li a { line-height:25px; height:25px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 7ebd81481991787cef3bf61bec98b655adb1f8f7 260 259 2012-11-20T08:13:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { background-position:left; background-repeat:no-repeat; padding-left:20px; border-radius:20px; background:#BBB; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); } div#mw-panel div.portal div.body ul li a { line-height:25px; height:25px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 39f81a81fbcbca6e00aea968715b1f5ccfe21cf2 261 260 2012-11-20T08:13:54Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:20px; background:#BBB; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a { line-height:25px; height:25px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 0a65537a6b36859069b44bbfabe3345d951874bd 262 261 2012-11-20T08:16:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a { line-height:25px; height:25px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 724b1a8dafde6e884efc0440bd1bde5c44c69f0a 263 262 2012-11-20T08:16:52Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a { display:block; line-height:25px; height:25px; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } c5ddec2bed86a98516d745c0409d67984ab7ac17 264 263 2012-11-20T08:18:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; } div#mw-panel div.portal div.body ul li a { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 60f88a208d97e06f7b3200dc9692e9fe889d8b0a 265 264 2012-11-20T08:23:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); } div#mw-panel div.portal div.body ul li a { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } bd5d4d15b014e005401da0b87d6e2883fd52844a 266 265 2012-11-20T08:24:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; padding-left:5px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 06ac560f85a0fbcaafd139d98a938aa0f52d935c 267 266 2012-11-20T08:25:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; margin-left:5px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:#333; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 1d7914a6d7398dc1ee35dd728a07380db46fcec2 268 267 2012-11-20T08:27:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-top:2px; margin-left:5px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } e495b33acb44dca5c7e66b09cf47eceff8241137 269 268 2012-11-20T08:38:22Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 89d64a3178ba3351eae6a93d92d605c53efc7271 270 269 2012-11-20T08:39:43Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } e974874a0854f4b2fcdd91019a4b3c27344a3d12 271 270 2012-11-20T08:40:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:left; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 6b8562801366a650d9ab5dc856afbe95d045d20d 272 271 2012-11-20T08:41:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px 2px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px 2px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 25efd523807e76b293cd16d6a4f867b778aadd2a 273 272 2012-11-20T08:41:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px -2px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px -2px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 1b345cdd3af05964025621d413c68cd46caa6e44 274 273 2012-11-20T08:42:10Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px 10px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px 10px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } d7cc38bbd0c4be236e2dc76d94fa9cc6af30229a 275 274 2012-11-20T08:42:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; padding-left:20px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px 5px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px 5px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { display:block; line-height:25px; height:25px; color:black; text-decoration:none; } div#mw-panel div.portal div.body ul li a { color:white; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color:#3670C7; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 38655b878ec1758a98a28dd2cb735705dfa0bb59 276 275 2012-11-20T08:57:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px 5px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px 5px; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 77e16d4db0182b1f18e85207722f060aa27d79fd 277 276 2012-11-20T09:03:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:11em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } 389af26721cf26b5a964ae07e2b25ada02141311 278 277 2012-11-20T09:07:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { width:14em; padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } cabbf14aeaccd6c2f79c0116a70360821bc27ae3 279 278 2012-11-20T09:08:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } e608cd1afa138ce1083116a7f48cbbb98eead179 280 279 2012-11-20T09:09:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); background-position:right bottom; padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } 9fe61d08666018aa7fea406e187bb0541fadf63f 281 280 2012-11-20T09:10:22Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } e608cd1afa138ce1083116a7f48cbbb98eead179 282 281 2012-11-20T09:12:46Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEE; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } d9562f6b7b40f5641c3966424e416193719ac6b6 283 282 2012-11-20T09:13:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } e608cd1afa138ce1083116a7f48cbbb98eead179 284 283 2012-11-20T11:43:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png);*/ padding-top:20px; margin-top:-10px; } div#mw-panel div.portal h5 { text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } 856a9092e0ea638b80a814f40fd554f6e027d707 285 284 2012-11-20T11:45:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ } div#mw-panel div.portal h5 { margin-left:1em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } e7a52c56b86e0db6f72e6088af2476d4b30ab59b 286 285 2012-11-20T11:46:54Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; } div#mw-panel div.portal h5 { margin-left:1em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } f6d0dfab73dc6e1a496bb5458a7152ba112ee17b 287 286 2012-11-20T11:48:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; } div#mw-panel div.portal h5 { margin-left:1em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } ffbc675bb0a441adf8b48a63d560c84938595b1e 288 287 2012-11-20T11:48:45Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } 42abf82b15701170cdb56e5c23fc78ce8126ffd9 289 288 2012-11-20T11:50:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:5px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } f4fa6062a681cbde484b05cfa01a682246d28100 290 289 2012-11-20T11:50:54Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } 5035f40b1dfc74bb0ac66aa72bd86eaaf9f326de 291 290 2012-11-20T11:53:12Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } 0b6f5855568fc228c5bb53b3872bda607dd39e41 292 291 2012-11-20T11:53:54Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } 6bd90305924c5fa8964299a7ba57c1d8c30a7b2f 293 292 2012-11-20T11:54:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; } a49dcfcdba5034a132d82fa6c544845cfc8ab257 294 293 2012-11-20T11:55:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:50px; } d5c2567eefec05cbc75a2372a3c8015f73d1de55 295 294 2012-11-20T11:55:49Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:30px; } 68f839a12d5797debd4db4c5d3ac850e93b5d19f 296 295 2012-11-20T11:56:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:25px; } 9dd31b30ba3c7e97751b9bbda8908bf9daaf29bc 297 296 2012-11-20T12:03:29Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:24px; } 541a7ffbec5337703737e78f7f39af8f15f16b85 298 297 2012-11-20T12:04:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:25px; } 9dd31b30ba3c7e97751b9bbda8908bf9daaf29bc 299 298 2012-11-20T12:04:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } 9086e497279f5bc3a151e2e867682e3eaf9c02e2 300 299 2012-11-20T12:32:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#banner_logo { background:#000; width:200px; height:50px; } 5e100d48c2c965f0f55c6c814a019d7b980b62af Coclico 0 6 255 240 2012-11-19T21:58:56Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Présentation générale</h1> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> 03b35abe5b1e04d50b15bd1f877ce1481b6d6044 Objectifs 0 8 256 242 2012-11-19T21:59:13Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Objectifs et verrous scientifiques et techniques </h1> <p> Pour résoudre les défis présentés ci-dessus, le projet propose des objectifs et des verrous scientifiques plus spécifiques. Ils consistent entre autres : <br /> <ol> <li>à concevoir un modèle de processus générique collaboratif multistratégie multi-échelle. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : </br> <ul> <li> le premier verrou scientifique porte sur la définition d’un ou plusieurs objectifs compatibles avec les différents paradigmes d’analyse (classification, clustering, segmentation, etc.) ainsi que d’un ou plusieurs critères de d’évaluation de la qualité des résultats (c’est-à-dire de la qualité finale de la collaboration) par rapport à ces objectifs ;</li> <li> le deuxième verrou est lié aux mécanismes de collaboration à mettre en œuvre pour les améliorer, ainsi que sur la définition du résultat unifiant les différents résultats intermédiaires et finaux (vote simple, théorie des croyances…) ;</li> <li> le troisième verrou porte sur les critères de comparaison et d’évaluation mutuelle de différents résultats intermédiaires. En effet, afin de d’évaluer et guider la collaboration, il sera nécessaire de comparer les différents résultats de classification élémentaire et donc de définir une mesure « multi points de vue » afin estimer leur similarité.</li> </ul> </li> <!-- fin du 1 --> <li>à proposer des mécanismes et méthodes permettant un apprentissage incrémental. Le projet Coclico se focalisera entre autres sur trois verrous scientifiques : <br /> <ul> <li>le premier verrou porte sur le contrôle de la mémoire du passé pour régler de manière optimale le compromis entre la réactivité aux changements potentiels et la précision de l’hypothèse courante. Ce compromis n’a pas, à l’heure actuelle, de solution générale. Mais il faudra de plus le réaliser dans le cadre de méthodes collaboratives mettant en jeu des « experts » de nature différente et utilisant des données variées ;</li> <li>le deuxième verrou concerne la gestion d’experts de types différents travaillant sur des données diverses et de qualité pouvant varier au cours du temps. L’objectif est de mesurer à chaque instant l’apport (ou la perte) en terme de qualité de prédiction et d’interprétabilité des résultats engendrée par la prise en compte d’un expert ou d’une source de données afin de configurer optimalement la collaboration entre experts. La prise en compte adaptative de critères de qualité multi-variés est un problème nouveau. Des mécanismes d’optimisation multi-objectifs devront être explorés ;</li> <li>le troisième verrou lié au travail collaboratif et en-ligne entre experts porte sur les échanges d’information entre ces experts. Puisque ces experts sont différents, utilisent des données diverses et émettent des hypothèses de niveaux éventuellement différents, il est nécessaire d’adapter les informations qu’ils échangent pour collaborer. Il faudra en particulier s’appuyer sur les travaux récents d’apprentissage par transfert pour résoudre ce problème.</li> </ul> </li> <!-- fin du 2 --> <li>à proposer des mécanismes permettant d’intégrer la prise en compte de connaissances avant, pendant et après le processus d’apprentissage. Le projet Coclico se focalisera entre autres sur deux verrous scientifiques : <br /> <ul> <li>le premier verrou scientifique réside dans la nécessité de définir des mécanismes générique de prise en compte de connaissances indépendamment des méthodes de classification élémentaires mises en œuvre. Cela nécessitera aussi la détermination des différents types de connaissances utilisables ou contraintes applicables lors du processus. Il porte aussi sur la définition de critères d’évaluation de la qualité de prise en compte de la connaissance et du respect des contraintes ;</li> <li>e deuxième verrou scientifique est lié la nécessité de normaliser et formaliser les connaissances de l’expert en tenant compte du fait que la base de connaissances à construire est à la croisée de deux domaines de connaissances : les connaissances sur le domaine applicatif et les connaissances sur les limitations et les possibilités des outils de reconnaissance et d’extraction des objets à partir des données. De plus, elle se doit d’être opérable dans le processus collaboratif de classification et s’enrichir des analyses effectuées, de l’utilisation du processus et de l’apport de nouvelles connaissances par l’expert.</li> </ul> </li> <!-- fin du 3 --> <li>à définir des moyens, d’une part d’évaluer la qualité des données considérées et de préconiser des stratégies de prétraitement devant satisfaire les contraintes imposées par les analyses collaboratives et, d’autre part, d’évaluer la qualité des résultats produits. Pour cela, il est nécessaire de s’intéresser aux différentes méthodes de détection de données aberrantes et à celles de dérive de concept, toutes rendues d’autant plus complexes qu’elles doivent se faire à différents niveaux de granularité temporelle et spatiale. Le projet Coclico se focalisera entre autres sur les deux verrous scientifiques: <br /> <ul> <li>le premier verrou concerne la corroboration des résultats des méthodes d’évaluation de la qualité : en effet, plusieurs méthodes n’auront pas la même sensibilité dans leur détection des anomalies dans un jeu de données et il s’agira de proposer une approche permettant de réaliser un profilage automatique des jeux de données en entrée avec l’ensemble des méthodes de détection disponibles et de corroborer leurs résultats afin d’avoir une vue unifiée des problèmes de qualité dans les données utilisées. De façon similaire, pour l’évaluation des connaissances, une multiplicité de méthodes retournant des résultats parfois contradictoires est disponible pour évaluer des connaissances. Nous proposons une méthode pour unifier l’évaluation par la corroboration des méthodes ;</li> <li>le deuxième verrou méthodologique concerne l’évaluation des connaissances en sortie des algorithmes de fouille : les approches actuelles n’intègre pas la qualité des données en entrée pour qualifier les connaissances en sortie. L’objectif étant de s’affranchir de la variabilité et des impacts du prétraitement. Dans notre approche au contraire, les stratégies de prétraitement, tout comme les stratégies de collaboration ont un impact direct à la fois sur la qualité des données analysées et bien évidemment sur la qualité des résultats en sortie. L’étude et l’optimisation de ces stratégies pour garantir la qualité en sortie sont au cœur de notre projet.</li> </ul> </li> <!-- fin du 4--> <li>Un dernier objectif, plus applicatif (thématique), est d’adapter la méthodologie semi-automatique proposée à l’extraction des formes géographiques (urbaines, paysagères, etc.) à partir de données hétérogènes : <br /> <ul> <li>Les travaux utilisant les images à différentes résolutions spatiales, spectrales et temporelles, se sont multipliés ces dernières années et sont principalement fondés sur une classification orientée-objet. En dépit de quelques solutions déjà proposées par des recherches antérieures [For08] l’extraction des objets, et leur mise à jour automatique à partir d’images satellites reste un premier verrou scientifique spécifique au domaine à dépasser. </li> <li>Les données issues des BD ne sont pas encore suffisamment et réellement utilisées alors qu’elles détiennent des informations (géométrie, relations contextuelles entre objets) qui peuvent être exploitées pour créer des connaissances utilisables dans le processus d’analyse. Un deuxième verrou scientifique spécifique au domaine réside dans la nécessité de définir des mécanismes permettant de relier, unifier et utiliser des sources de données hétérogènes lors de la production de connaissances mais aussi directement dans le processus de classification.</li> </ul> </li><!-- fin du 5 --> </ol> Enfin, un verrou technologique se pose afin de rendre la base de connaissances, les méthodologies, les méthodes et les indicateurs interopérables et compatibles avec les infrastructures existantes dans lesquelles ils pourraient être diffusés à l’issue de ce projet. </p> 58f699d5228b6c9bf4346a2c1a0c5c65037942c3 Programme 0 9 257 243 2012-11-19T21:59:44Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Tâches</h1> <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> b74cdf32cd035e930463cd54752c586a6dec4107 MediaWiki:Common.css 8 3 301 300 2012-11-20T12:32:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; padding-left:15px; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } 9086e497279f5bc3a151e2e867682e3eaf9c02e2 302 301 2012-11-20T12:34:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } e39217a94bdb43d1f58e7579a5851123915c5968 303 302 2012-11-20T12:55:24Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; background:#900; width:200px; height:50px; } e7839dca7856c2853137c3563008e2e1d6b8cf53 304 303 2012-11-20T13:08:05Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; background:#900; width:200px; height:50px; right:0; } 192ae58b00deb1e57060d047b6e76870d2f0240a 305 304 2012-11-20T13:16:05Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:50px; right:50px; } 3eba232317633a7451987d5eade10e58f7ca6efb 306 305 2012-11-20T13:38:09Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } eaf8349cc08ffc15973d83709a769d94128b66a3 307 306 2012-11-20T18:36:17Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau*/ table { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 037ea6d5648f11868c6f79b2670b2b121cb62a41 316 307 2012-11-21T07:35:47Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 3fef8d39182c24f3e6c23fb3d6228fcbe4dc7b64 317 316 2012-11-21T07:36:24Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 913db7b83977915dfa62282aca5c5ae4d06874e4 318 317 2012-11-21T07:40:13Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px 0px 5px 0px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 1d853a421b0112ca087267c03279f7f5503987a6 319 318 2012-11-21T07:40:35Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:0px 5px 5px 0px; height:20px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } b8cff2c996cb530fc57d94d9254de34bc3e197a9 320 319 2012-11-21T07:42:11Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #mw-searchButton { border-radius:0px 5px 5px 0px; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 3f5916578ef0208537012d70eadfbec1755e03f8 321 320 2012-11-21T07:42:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } f2fe38b04a34d3c32a27ff3e753b1cfe05e5e6a1 322 321 2012-11-21T07:43:34Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 73cba06631b1a768d917408d80ce15a0f0d27da3 323 322 2012-11-21T07:46:00Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-3px; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 33cca47b9091922bf9dab312e15052cb50d004a5 324 323 2012-11-21T07:46:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#BBB; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 117b39a4b4f2ee16e7a378f0fa8496a2111575c6 325 324 2012-11-21T07:52:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#DDD; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 009dc662216891b3e4b352409a0ea4c2a76d93e0 326 325 2012-11-21T07:53:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#DDD; border:1px solid black; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#C4D5EE; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 7fc41bc73cef8733daff13f07fbeeed358f29959 327 326 2012-11-21T07:55:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } fc077f1bb2026825202c93ce7fb0dde487225c1e 328 327 2012-11-21T07:58:26Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#95d788, #6cbb6b); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788)); } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } c113f3dac6d5f9f67ec5bfc29a2b123ca2955223 329 328 2012-11-21T07:59:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0076AE, #0088CC); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0088CC),color-stop(1, #0076AE)); font: bold 14px Arial, Helvetica; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 659045c5f5c60b041f1e802db96bbb9ff67b6a63 330 329 2012-11-21T08:00:35Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0076AE, #0088CC); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0088CC),color-stop(1, #0076AE)); text-shadow: 0 1px 0 rgba(255,255,255,0.5); } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 60e6409b2106cc2f25df46320c9bfb7c414db16c 331 330 2012-11-21T08:01:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:2px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.5); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8497e571c4294e886ee75ba375685477f23fdb83 332 331 2012-11-21T08:02:03Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:5px 0px 0px 5px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 5px 5px 0px; height:25px; padding:1px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 46deeec1e8187534a4fd41f3a15a88f464cb4eb5 333 332 2012-11-21T08:02:53Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:1px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 87b0ed452b8706520cd4781a901d31cb6ecb34be 334 333 2012-11-21T08:05:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; box-shadow:0 0 3px #CCC; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; box-shadow:0 0 3px #CCC; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 9663fb8d4b5fd2b60db88570cf78cc015e665b91 335 334 2012-11-21T08:07:12Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; box-shadow:0 0 3px #CCC; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } dc1b9789df310e6c3be8ddc0bd01df72b5f07f8a 336 335 2012-11-21T08:08:23Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { } #p-search form /* formulaire de recherche */ { margin-top:0px; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:0; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 511fcb92a0b9e1a333013acb0792ac4febc65bb2 337 336 2012-11-21T08:09:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background:#AAA; border:1px solid #FFF; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #555; background:#DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } d9ff7bf89365c4968c7489e26252ed1b66869fa1 338 337 2012-11-21T08:10:12Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background:#DDD; border:1px solid #FFF; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background:#AAA; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-10px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } d4082e412b47657d935ca6bd86fd4bf961afb54d 339 338 2012-11-21T08:11:32Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background:#DDD; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background:#AAA; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 0c06432c386a62a957a40af4598b9cde00c9a150 340 339 2012-11-21T08:12:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background:#DDD; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; border:none; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background:#AAA; outline:none; border:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 6f7a3d1c9aaaca8b16d7bbe84c1cbe9136668972 341 340 2012-11-21T08:14:49Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background:#DDD; border:1px solid #DDD; border-radius:10px 0px 0px 10px; height:25px; padding:2px 5px; width:150px; color:#222; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background:#AAA; border:1px solid #AAA; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 5f722153e7f79fff30924cabb234536e5f241c3e 345 341 2012-11-21T11:45:48Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background: url('loupe.png') no-repeat 190px center #555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background: url('loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } ca312d873813cf94563675c61c94a2059ca9bc8c 346 345 2012-11-21T12:08:04Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; box-shadow:0 0 3px #CCC; border-radius:10px; } #p-search #searchInput /* champ de recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 260eabe37c5574fa787988cbe8d047dc7fb79bd3 347 346 2012-11-21T12:09:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white; } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 87fedca3ea1f3c5da15d8ed8dc7f46690f67fa01 348 347 2012-11-21T12:14:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 89853ea282df60a5974b9ae709dfd5ab25d90fa7 349 348 2012-11-21T12:16:09Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-color:#555; background: url('../Img/loupe.png') no-repeat 190px center #555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } fc532742ea9ca0f10099c86a59e2593c523cba12 350 349 2012-11-21T12:17:11Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8803beab97da8409cfc449535a5875b7a6968469 Test 0 12 308 197 2012-11-20T18:44:00Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php <html><a href="http://www.google.com> GOOGLE </a></html> 8ce409e974ff995edd5d853c79eb64c2ef823a72 309 308 2012-11-20T18:44:44Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php <html><a href="http://www.google.com"> GOOGLE </a></html> 58f5a670849e8505e6a419f004e6cb7988f2fe1f 310 309 2012-11-20T18:57:17Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php <html><a href="?action=salut"> GOOGLE </a></html> c938df65dbcd6cb35c4787ab90d6a4a819ed7d10 312 310 2012-11-20T19:03:30Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php <html><a href="#"> GOOGLE </a></html> 82255a1581f15844d63ace6edbe437d8d06f939d 314 312 2012-11-20T21:01:23Z 194.254.55.162 0 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php <html><a href="#"> GOOGLE </a></html> <form method="post" action="traitementFormu.php" enctype="multipart/form-data"> <input type="hidden" name="MAX_FILE_SIZE" value="1048576" /> <input type="file" name="fichier" /><br /> <input type="hidden" name="livrable" value="8" /> <input type="submit" name="submit" value="Envoyer" /> </form> acb053acb45ebb5ed655549a5372bdef5b774f31 315 314 2012-11-20T21:01:37Z 194.254.55.162 0 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php <html><a href="#"> GOOGLE </a> <form method="post" action="traitementFormu.php" enctype="multipart/form-data"> <input type="hidden" name="MAX_FILE_SIZE" value="1048576" /> <input type="file" name="fichier" /><br /> <input type="hidden" name="livrable" value="8" /> <input type="submit" name="submit" value="Envoyer" /> </form> </html> b48720ca66b0edc822f6bb9d234878b8d323f48d Programme 0 9 311 257 2012-11-20T19:03:07Z 194.254.54.3 0 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Tâches</h1> <img width="1000" src="../Img/taches_public.png" alt="taches_shema" /> ca2158c3889c071148134965278202b9668d3285 313 311 2012-11-20T19:03:34Z 194.254.54.3 0 Annulation des modifications 311 de [[Special:Contributions/194.254.54.3|194.254.54.3]] ([[User talk:194.254.54.3|discussion]]) wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Tâches</h1> <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> b74cdf32cd035e930463cd54752c586a6dec4107 Index 0 5 342 23 2012-11-21T08:36:33Z Pgancarski 1 wikitext text/x-wiki '''Bienvenue sur le site de présentation du projet COCLICO ''' <anyweb>http://kimengumi.u-strasbg.fr/~rei/publiStyle.php</anyweb> b203c55bc1c688cabe6377333ac2bc2c65953849 343 342 2012-11-21T08:37:16Z Pgancarski 1 wikitext text/x-wiki '''Bienvenue sur le site de présentation du projet COCLICO ''' (Les publis fonctionnent pas encore hein, c'est juste pour leur mettre du css) <anyweb>http://kimengumi.u-strasbg.fr/~rei/publiStyle.php</anyweb> 53eacbeeeeca444551dc4b64564ee4ace8b2fe17 344 343 2012-11-21T08:39:38Z Pgancarski 1 wikitext text/x-wiki '''Bienvenue sur le site de présentation du projet COCLICO ''' == '''(Les publis fonctionnent pas encore hein, c'est juste pour leur mettre du css)''' == <anyweb>http://kimengumi.u-strasbg.fr/~rei/publiStyle.php</anyweb> 350da3fd1f405f874bc39e2b044d4722553389fd MediaWiki:Common.css 8 3 351 350 2012-11-21T12:18:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-color:#555; background-image: url('../Img/loupe.png') no-repeat 190px center; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e12bd7cf9f6cadea82b57ec15ae34c2bcbfc041c 352 351 2012-11-21T12:19:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-color:#555; background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 9687fb537b02accf9af35c2c00888420ee5842e7 353 352 2012-11-21T12:20:24Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:621px; text-align:center; /* background:lightblue;*/ position:absolute; } #p-logo a img { width:621px; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 481e4030d45044e03ac5dde44588ce2a334d2ad2 354 353 2012-11-21T15:32:40Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:300px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:120px; left:50px; font-size:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 57ac84946930bad13f9db814ff141c05c3324adb 355 354 2012-11-21T15:34:08Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:350px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:120px; left:50px; font-size:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } d0d34fe9e7096ee1dfa0eeaaac0b782d3c62320a 356 355 2012-11-21T15:34:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:350px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:135px; left:80px; font-size:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 61f39e3ff30ab7ba9ba45d7f597a4766edfe97b3 357 356 2012-11-21T15:36:01Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; } #p-logo a /* le logo */ { display:block; width:350px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } d30e30a6e5291ea6dd833b584f4e7bf8b0a61e50 358 357 2012-11-21T15:37:27Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } f2f5f945d9e2ec3220861199f032f960ef20155e 359 358 2012-11-21T15:38:29Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:15px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } b01bc012306d3ab0e921deb4da7118c5f97831a1 360 359 2012-11-21T15:39:05Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:105px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } bb9372eb1be5f064bdfe9ddc5b9a2bc0a70b8d99 361 360 2012-11-21T15:39:36Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:50px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } ffefd83417d87509a38d18051c8543e97fd1bad1 362 361 2012-11-21T15:39:58Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:35px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 6cfe208b8452794712611fbbf8f4eb1f25193b54 363 362 2012-11-21T15:42:07Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:25px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:130px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 11f4108350af02a6ee4317c4ab592735f27eeab8 364 363 2012-11-21T15:42:52Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:130px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8e2b70c62118064073b88b5016f430235764f1c3 365 364 2012-11-21T15:45:59Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:130px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 6212b832d2b33a7e3a88b36f5a6dd313a975d006 366 365 2012-11-21T15:48:14Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:130px; left:80px; font-size:23px; height:23px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 10b89f75ec98d9b2c93ff2a9e5271cdbb31b3c63 368 366 2012-11-21T20:09:57Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:50px; left:80px; font-size:23px; height:23px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } b944babc866d938404c7f62930d09b197f211fb4 369 368 2012-11-21T20:10:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e3c76deb4f2f33911d805bfd043a7d3335efa8f7 370 369 2012-11-21T20:12:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle p#sub{ padding-left:30px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 18851949ebfee4eade387655b8fff5c14aa26e44 371 370 2012-11-21T20:13:46Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8e549ddf8dfd0025bedafd2cf8728d3839d688c7 372 371 2012-11-21T20:33:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; /* width:120px;*/ /*height:52px;*/ right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } f873540a453e4fdf9a21aa79eed89884135d79d5 373 372 2012-11-21T20:35:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; top:5px; /* width:120px;*/ /*height:52px;*/ right:50px; } div#head-logos img{ height:150px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 520afc985f356e7d1e9428b22d20b01e2ed5907a 374 373 2012-11-21T20:36:25Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; top:5px; /* width:120px;*/ /*height:52px;*/ right:50px; z-index:3000; } div#head-logos img{ height:150px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 47b8ff366f80368b0f366499938815798844108d 375 374 2012-11-21T20:42:21Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ article{ border-radius:10px; background:#DDD; } article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8e549ddf8dfd0025bedafd2cf8728d3839d688c7 380 375 2012-11-23T10:25:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:80%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } fdb2d5a58cd2e244ec2b95483be48c547954daf5 381 380 2012-11-23T10:27:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 3299be7ad9b49790a87c777e33f6fd881577dbf3 382 381 2012-11-23T10:31:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } div#publis a[href="?act=ajout"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 10d186e483cae2857224b544f107253d7e040242 383 382 2012-11-23T10:32:43Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } b33becc684c8dddf6408d713ca11f24407f1982e 384 383 2012-11-23T10:33:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin-bottom:10px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } c75f37ed6481e41df79b17109ad5d471643fd724 385 384 2012-11-23T12:00:45Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin-bottom:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; } div#publis div#art-content { padding:10px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 5ce2a49f3fa439f666c59ff38c331ea6385daae3 386 385 2012-11-23T12:01:14Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; } div#publis article time { } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; } div#publis div#art_content { padding:10px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e170a4a88c378e2c6e981d4e882e794c92662091 387 386 2012-11-23T12:03:04Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis article time { } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 72a37b834cb00a94f8fb43a7be0c7a3d64832f71 388 387 2012-11-23T12:06:38Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_det { font-size:15px; padding-left:5px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 74666a708890099b92ad020053b10154c6b42c8c 389 388 2012-11-23T12:07:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 37870543f70754e7181cae4386956a865bbe6046 390 389 2012-11-23T12:07:50Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } b58882edda38048ac201ad7ce334fe890ead3531 391 390 2012-11-23T12:11:59Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 1f6d848185f481344bf631ea2ef830160a8721f2 392 391 2012-11-23T12:18:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } cce797313abf036ff73f786f77f19ce57b26753b 393 392 2012-11-23T12:20:02Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } f6c83b47e6d4c5e60eb93336b3f057ccdcd28701 394 393 2012-11-23T12:23:40Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } div#publis form#comm_add textarea { width:60%; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 6b9786f6a13638c25c72fc2d0653d72973c06efb 395 394 2012-11-23T12:24:39Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } div#publis form#comm_add { width:60%; } div#publis form#comm_add input[type="submit"] { float:right; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } c13e0cdcf90752bf6fdc8d9d2662f71290508ce7 396 395 2012-11-23T12:25:04Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } div#publis form#comm_add { width:60%; margin-bottom:20px; } div#publis form#comm_add input[type="submit"] { float:right; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } ae8fbed15264f037b1d4479ddffc2750a8394bc7 397 396 2012-11-23T12:25:56Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:20px; } div#publis form#comm_add input[type="submit"] { float:right; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e137f0a498ebb7f249dadd6f52f2e8fbce00bc2c 398 397 2012-11-23T12:26:20Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8b55edc72782b4e688bab79bc28f67843514b395 399 398 2012-11-23T12:28:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 96c10da09fb14805dfaa4277c603455f7599f810 400 399 2012-11-23T12:30:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:black; font-weight:strong; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e76659074f9dfefd2ee36fa5f9b92f9a5d624537 Index 0 5 367 344 2012-11-21T15:48:40Z Pgancarski 1 wikitext text/x-wiki '''Bienvenue sur le site de présentation du projet COCLICO''' ec49e9cdc9a0cc5de2cf3d30904f60444943fdba MediaWiki:Sidebar 8 2 376 215 2012-11-21T21:23:39Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES a42d5bf842c07ed634479dce3d543dc8d0e7e241 378 376 2012-11-23T10:18:06Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Special:Publis | Publications #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 36c88e34e84c5cfaae87bf21907303eedd5b4949 379 378 2012-11-23T10:20:18Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Special:Publis | Publications #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 09d0a85b14d5bd1e0612ecededc05c48a5cf560a Test 0 12 377 315 2012-11-22T20:20:39Z Pgancarski 1 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php f9110573c867650d1cf05e1a85c459ad0179f5fb MediaWiki:Common.css 8 3 401 400 2012-11-23T12:30:59Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a[href="?act=ajout"], div#publis a[href="?act=listing"] { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a[href="?act=ajout"]:hover, div#publis a[href="?act=listing"]:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:black; font-weight:bold; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } b5280d58de5a949918a3bbb96ccd3e69a717c761 404 401 2012-11-24T09:04:39Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text ul#content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul#content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul#content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul#content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:black; font-weight:bold; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 97e93c22ce33d9452e28a4b7fed0a37c51306b49 405 404 2012-11-24T09:16:02Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:black; font-weight:bold; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } aa39e7e72a2a5256d08ae76d0b689d0bffb42cf7 406 405 2012-11-24T15:25:51Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:black; font-weight:bold; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } f71dd6c3c13d8cde0a3de51119393822a3605b0a 407 406 2012-11-24T16:07:53Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p.art_user { font-weight:strong; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#CCF; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } a74e0b774a016fdd648acc3870962c10f8e374f9 408 407 2012-11-24T16:08:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#CCF; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 85504ce8d70174ba3aa84b91c9eab215689bf134 409 408 2012-11-24T16:09:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 8c20294ab3ed07ada94023499d8ad4f275a7ec36 410 409 2012-11-24T16:14:03Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis a.art_comment { margin:2px 10px; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 578c153307956274f46fb6ed755f43c1ede70a01 411 410 2012-11-24T16:14:39Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis a.art_comment { margin:2px 10px; display:block; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 7858c529863b232fe2764e410c110c6038d222a9 412 411 2012-11-25T11:33:55Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis a.art_comment { margin:2px 10px; display:block; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } a.comment { display:block; background:url('../Img/icones/comment.png') middle left; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 6f06581935211330f06f0ee8b943602d81fd012e 413 412 2012-11-25T11:36:19Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background:url('../Img/icones/comment.png') middle left; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 4adf3e30df481a4dce6890c884fc4dd1d3d761cc 414 413 2012-11-25T11:38:16Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e940e1b72627663c7b6a52fbd190fc6be572c7de 415 414 2012-11-25T11:39:33Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 10f5ae9ad1c626410afc268f1029de24a300e5a5 416 415 2012-11-25T11:49:42Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 6b25625cafd43aae573283c0e0bfc02baf2c3633 417 416 2012-11-25T11:53:45Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 410fe16abfef816f55a8857c8bab28a90e055334 418 417 2012-11-25T11:54:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } e9474007a5c6f628bacfc9c216de827570eef810 419 418 2012-11-25T11:58:30Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis time { display:block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } fcef7c2eb2c4aeb676e30ded3ceb92891867b856 420 419 2012-11-25T11:59:05Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 0c4339b924c318332380077543154dc295b30e09 421 420 2012-11-25T11:59:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } dffdb5435cb6666dec7515a2f06ec693035ab9ff 422 421 2012-11-25T12:01:07Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } defac64ba0719dea877f64e73907c72794565689 423 422 2012-11-25T12:04:44Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 00bdb5fbda0c7384ce0876dd896ba2b3ba89fd87 426 423 2012-11-26T17:57:53Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:80%; margin:auto; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } daab874087130f76b49eaff035a2333570912ea3 427 426 2012-11-26T17:59:31Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } 5d20df6860b62e62b46f1f90cef0521b311be97d 438 427 2012-11-26T18:41:28Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; } edf948fedc886e8348f67a52204282814a6d4667 441 438 2012-11-27T16:09:25Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin-top:30px; margin-left:30px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; float:right; position:relative; left:-50px; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin-left:30px; margin-top:20px; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 06096c06a57512bb4af36f2cd80fd2da63b70a99 442 441 2012-11-27T20:27:47Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } a40bf4840347ab091012320b7e841369a14ba04c 443 442 2012-11-27T20:46:16Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 4dff1ff7f6cad5bf0a83690f9726dbcd694aa72c 444 443 2012-11-27T20:47:37Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } d1d0e2dd5c5b173720fffbd48ca5ab2b2f16f553 445 444 2012-11-27T20:48:04Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } f9298d8f93ceedbc52ca91c86e95831619676ce9 446 445 2012-11-27T20:55:33Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/background/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } c96e87731582f5edb95b6a2b7cb888bd2051c3d7 447 446 2012-11-27T20:56:07Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 3f08b366f3278823d7f97214d0915bf283ac52e7 MediaWiki:Mainpage 8 4 402 21 2012-11-23T13:55:05Z Pgancarski 1 wikitext text/x-wiki Spécial:Publis 1aba46c0805399caa929ad56a0460cfbd61b71e7 403 402 2012-11-23T13:55:46Z Pgancarski 1 wikitext text/x-wiki Index c2df9b932637fe9d32a0f16da1c11873398f873d Domaine 0 7 424 252 2012-11-26T17:54:19Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Deux domaines d'applications priviligiés </h1> <div id="pres_content"> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. </p> <h2>Analyse des formes urbaines et de leurs dynamiques</h2> <p>L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. </p> <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> <p> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. Pour les deux domaines d’application, nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> </div> f4ee3cb99493ac67df46b8fceb105f646c3af24b 432 424 2012-11-26T18:06:29Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Deux domaines d'applications priviligiés </h1> <div id="pres_content"> <p> Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. </p> <h2>Analyse des formes urbaines et de leurs dynamiques</h2> <p> L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. </p> <p> Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. </p> <p> Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). </p> <p> Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. </p> <h2> Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation </h2> <p> Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. </p> <p> Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. </p> <p> La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. </p> <p> Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. </p> <br /> <p> ''' Pour les deux domaines d’application''', nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. </p> <p> De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. </p> </div> 12444013497b9075adb4ffe4e8c5259071db8ed0 Objectifs 0 8 425 256 2012-11-26T17:54:48Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Objectifs scientifiques et caractère ambitieux/novateur du projet </h1> <div id="pres_content"> <p> Le projet COCLICO vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatiotemporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : </p> <ul> <li> Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. </li> <li> Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. </li> <li> Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. </li> <li> L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. </li> <li> Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. </li> </ul> <p> Dans ce contexte, notre projet se fixe l’objectif ambitieux de concevoir une ''' méthode globale ''' répondant au mieux à ces différents défis. Pour cela, nous proposons ''' une approche innovante, basée sur la collaboration entre méthodes ''' d’analyse « classiques » monostratégies, présentant quatre facettes originales (qui seront reprises et développées dans la description des tâches associées) : </p> <ol> <li> Elle sera ''' multistratégie ''' et ''' multi-échelle'''. Classiquement, les méthodes collaboratives se basent sur un seul paradigme d’analyse, généralement soit la classification supervisée, soit la classification non supervisée. Nous proposons d’étendre ces méthodes collaboratives afin d’une part, de pourvoir utiliser conjointement comme méthode monostratégie, toutes types de classification (supervisée ou non, mais aussi active, guidée, semi-supervisée ou autre) et d’autre part, d’autoriser l’utilisation de nouvelles familles d’algorithmes d’analyse telle que des algorithmes de segmentation, ou de rankingpar exemple. L’objectif est d’améliorer la qualité des résultats mais aussi de permettre une analyse multi-échelle des données. </li> <li> <li> Elle sera ''' incrémentale'''. Lorsque les données sont fournies de façon continue par une multitude de sources, leur prise en compte (intégration) dans le domaine de l’analyste doit être elle même continue : devant la masse des données produites, il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié. Nous proposons d’étudier et mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite (« acquise ») à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens. </li> <li> Elle sera ''' guidée par la connaissance'''. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’étudier, modéliser et utiliser ses connaissances sur le entités participantes au phénomène étudié, et leur relations mutuelles,indépendamment de leurs représentations dans les données ; de définir leurs représentations possibles dans l’espace des données et de définir les mécanismes, utilisant cette connaissance, nécessaires à leur extraction et de leur reconnaissance. Nous proposons d’étudier et mettre en œuvre une base de connaissance opérable suffisamment formalisée pour que son utilisation dans des traitements informatiques soit directe. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance. </li> <li> Elle sera ''' guidée par la qualité des données et des connaissances ''' : Alors que la qualité des données et des connaissances du domaine influe fortement sur la qualité des résultats, aucune méthode actuelle ne permet de guider un processus collaboratif en fonction de celle-ci. Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées ainsi que les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie en fonction de celles-ci. L’objectif est de rendre la méthode robuste face au bruit dans les données et aux erreurs de formalisation dans les connaissances du domaine. </li> </ol> <p> Par rapport à l’existant qui s’est souvent focalisé sur l’emploi de méthodes classiques de la fouille de données dans un cadre supervisé ou non supervisé, le projet COCLICO attaque le problème de la modélisation de données selon ces quatre axes dont l’étude conjointe nous permettra des avancées significatives sur l’état de l’art de chacune des thématiques développées. Une autre originalité du projet est de tester d’emblée les méthodes sur des différents champs disciplinaires utilisant les mêmes types de sources de données. Ces tests seront aussi effectués comme préparation à une généralisation des techniques développées. </p> </div> eafe4f8c12a8ddfb7046eb29e6d3205739a45b86 428 425 2012-11-26T17:59:57Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Objectifs scientifiques et caractère ambitieux/novateur du projet </h1> <div id="pres_content"> <p> Le projet COCLICO vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatiotemporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : </p> <ul> <li> Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. </li> <li> Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. </li> <li> Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. </li> <li> L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. </li> <li> Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. </li> </ul> <p> Dans ce contexte, notre projet se fixe l’objectif ambitieux de concevoir une ''' méthode globale ''' répondant au mieux à ces différents défis. Pour cela, nous proposons ''' une approche innovante, basée sur la collaboration entre méthodes ''' d’analyse « classiques » monostratégies, présentant quatre facettes originales (qui seront reprises et développées dans la description des tâches associées) : </p> <ol> <li> Elle sera ''' multistratégie ''' et ''' multi-échelle'''. Classiquement, les méthodes collaboratives se basent sur un seul paradigme d’analyse, généralement soit la classification supervisée, soit la classification non supervisée. Nous proposons d’étendre ces méthodes collaboratives afin d’une part, de pourvoir utiliser conjointement comme méthode monostratégie, toutes types de classification (supervisée ou non, mais aussi active, guidée, semi-supervisée ou autre) et d’autre part, d’autoriser l’utilisation de nouvelles familles d’algorithmes d’analyse telle que des algorithmes de segmentation, ou de rankingpar exemple. L’objectif est d’améliorer la qualité des résultats mais aussi de permettre une analyse multi-échelle des données. </li> <li> Elle sera ''' incrémentale'''. Lorsque les données sont fournies de façon continue par une multitude de sources, leur prise en compte (intégration) dans le domaine de l’analyste doit être elle même continue : devant la masse des données produites, il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié. Nous proposons d’étudier et mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite (« acquise ») à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens. </li> <li> Elle sera ''' guidée par la connaissance'''. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’étudier, modéliser et utiliser ses connaissances sur le entités participantes au phénomène étudié, et leur relations mutuelles,indépendamment de leurs représentations dans les données ; de définir leurs représentations possibles dans l’espace des données et de définir les mécanismes, utilisant cette connaissance, nécessaires à leur extraction et de leur reconnaissance. Nous proposons d’étudier et mettre en œuvre une base de connaissance opérable suffisamment formalisée pour que son utilisation dans des traitements informatiques soit directe. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance. </li> <li> Elle sera ''' guidée par la qualité des données et des connaissances ''' : Alors que la qualité des données et des connaissances du domaine influe fortement sur la qualité des résultats, aucune méthode actuelle ne permet de guider un processus collaboratif en fonction de celle-ci. Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées ainsi que les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie en fonction de celles-ci. L’objectif est de rendre la méthode robuste face au bruit dans les données et aux erreurs de formalisation dans les connaissances du domaine. </li> </ol> <p> Par rapport à l’existant qui s’est souvent focalisé sur l’emploi de méthodes classiques de la fouille de données dans un cadre supervisé ou non supervisé, le projet COCLICO attaque le problème de la modélisation de données selon ces quatre axes dont l’étude conjointe nous permettra des avancées significatives sur l’état de l’art de chacune des thématiques développées. Une autre originalité du projet est de tester d’emblée les méthodes sur des différents champs disciplinaires utilisant les mêmes types de sources de données. Ces tests seront aussi effectués comme préparation à une généralisation des techniques développées. </p> </div> ec37ffa7c9f2c0f80ed1d2e39fc44ce344522927 429 428 2012-11-26T18:01:16Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Objectifs scientifiques et caractère ambitieux/novateur du projet </h1> <div id="pres_content"> <p> Le projet COCLICO vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatiotemporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : </p> <ul> <li> Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. </li> <li> Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. </li> <li> Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. </li> <li> L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. </li> <li> Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. </li> </ul> <br /><br /> <p> Dans ce contexte, notre projet se fixe l’objectif ambitieux de concevoir une ''' méthode globale ''' répondant au mieux à ces différents défis. Pour cela, nous proposons ''' une approche innovante, basée sur la collaboration entre méthodes ''' d’analyse « classiques » monostratégies, présentant quatre facettes originales (qui seront reprises et développées dans la description des tâches associées) : </p> <ol> <li> Elle sera ''' multistratégie ''' et ''' multi-échelle'''. Classiquement, les méthodes collaboratives se basent sur un seul paradigme d’analyse, généralement soit la classification supervisée, soit la classification non supervisée. Nous proposons d’étendre ces méthodes collaboratives afin d’une part, de pourvoir utiliser conjointement comme méthode monostratégie, toutes types de classification (supervisée ou non, mais aussi active, guidée, semi-supervisée ou autre) et d’autre part, d’autoriser l’utilisation de nouvelles familles d’algorithmes d’analyse telle que des algorithmes de segmentation, ou de rankingpar exemple. L’objectif est d’améliorer la qualité des résultats mais aussi de permettre une analyse multi-échelle des données. </li> <li> Elle sera ''' incrémentale'''. Lorsque les données sont fournies de façon continue par une multitude de sources, leur prise en compte (intégration) dans le domaine de l’analyste doit être elle même continue : devant la masse des données produites, il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié. Nous proposons d’étudier et mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite (« acquise ») à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens. </li> <li> Elle sera ''' guidée par la connaissance'''. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’étudier, modéliser et utiliser ses connaissances sur le entités participantes au phénomène étudié, et leur relations mutuelles,indépendamment de leurs représentations dans les données ; de définir leurs représentations possibles dans l’espace des données et de définir les mécanismes, utilisant cette connaissance, nécessaires à leur extraction et de leur reconnaissance. Nous proposons d’étudier et mettre en œuvre une base de connaissance opérable suffisamment formalisée pour que son utilisation dans des traitements informatiques soit directe. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance. </li> <li> Elle sera ''' guidée par la qualité des données et des connaissances ''' : Alors que la qualité des données et des connaissances du domaine influe fortement sur la qualité des résultats, aucune méthode actuelle ne permet de guider un processus collaboratif en fonction de celle-ci. Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées ainsi que les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie en fonction de celles-ci. L’objectif est de rendre la méthode robuste face au bruit dans les données et aux erreurs de formalisation dans les connaissances du domaine. </li> </ol> <p> Par rapport à l’existant qui s’est souvent focalisé sur l’emploi de méthodes classiques de la fouille de données dans un cadre supervisé ou non supervisé, le projet COCLICO attaque le problème de la modélisation de données selon ces quatre axes dont l’étude conjointe nous permettra des avancées significatives sur l’état de l’art de chacune des thématiques développées. Une autre originalité du projet est de tester d’emblée les méthodes sur des différents champs disciplinaires utilisant les mêmes types de sources de données. Ces tests seront aussi effectués comme préparation à une généralisation des techniques développées. </p> </div> 5495671fd339b98111939fd12ee30ad735017761 430 429 2012-11-26T18:01:33Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl"> Objectifs scientifiques et caractère ambitieux/novateur du projet </h1> <div id="pres_content"> <p> Le projet COCLICO vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatiotemporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : </p> <ul> <li> Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. </li> <li> Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. </li> <li> Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. </li> <li> L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. </li> <li> Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. </li> </ul> <br /> <p> Dans ce contexte, notre projet se fixe l’objectif ambitieux de concevoir une ''' méthode globale ''' répondant au mieux à ces différents défis. Pour cela, nous proposons ''' une approche innovante, basée sur la collaboration entre méthodes ''' d’analyse « classiques » monostratégies, présentant quatre facettes originales (qui seront reprises et développées dans la description des tâches associées) : </p> <ol> <li> Elle sera ''' multistratégie ''' et ''' multi-échelle'''. Classiquement, les méthodes collaboratives se basent sur un seul paradigme d’analyse, généralement soit la classification supervisée, soit la classification non supervisée. Nous proposons d’étendre ces méthodes collaboratives afin d’une part, de pourvoir utiliser conjointement comme méthode monostratégie, toutes types de classification (supervisée ou non, mais aussi active, guidée, semi-supervisée ou autre) et d’autre part, d’autoriser l’utilisation de nouvelles familles d’algorithmes d’analyse telle que des algorithmes de segmentation, ou de rankingpar exemple. L’objectif est d’améliorer la qualité des résultats mais aussi de permettre une analyse multi-échelle des données. </li> <li> Elle sera ''' incrémentale'''. Lorsque les données sont fournies de façon continue par une multitude de sources, leur prise en compte (intégration) dans le domaine de l’analyste doit être elle même continue : devant la masse des données produites, il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié. Nous proposons d’étudier et mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite (« acquise ») à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens. </li> <li> Elle sera ''' guidée par la connaissance'''. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’étudier, modéliser et utiliser ses connaissances sur le entités participantes au phénomène étudié, et leur relations mutuelles,indépendamment de leurs représentations dans les données ; de définir leurs représentations possibles dans l’espace des données et de définir les mécanismes, utilisant cette connaissance, nécessaires à leur extraction et de leur reconnaissance. Nous proposons d’étudier et mettre en œuvre une base de connaissance opérable suffisamment formalisée pour que son utilisation dans des traitements informatiques soit directe. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance. </li> <li> Elle sera ''' guidée par la qualité des données et des connaissances ''' : Alors que la qualité des données et des connaissances du domaine influe fortement sur la qualité des résultats, aucune méthode actuelle ne permet de guider un processus collaboratif en fonction de celle-ci. Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées ainsi que les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie en fonction de celles-ci. L’objectif est de rendre la méthode robuste face au bruit dans les données et aux erreurs de formalisation dans les connaissances du domaine. </li> </ol> <br /> <p> Par rapport à l’existant qui s’est souvent focalisé sur l’emploi de méthodes classiques de la fouille de données dans un cadre supervisé ou non supervisé, le projet COCLICO attaque le problème de la modélisation de données selon ces quatre axes dont l’étude conjointe nous permettra des avancées significatives sur l’état de l’art de chacune des thématiques développées. Une autre originalité du projet est de tester d’emblée les méthodes sur des différents champs disciplinaires utilisant les mêmes types de sources de données. Ces tests seront aussi effectués comme préparation à une généralisation des techniques développées. </p> </div> 30e6f381c3bdd3b5b8fff4cf8fe3d33054baf930 Coclico 0 6 431 255 2012-11-26T18:02:34Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Présentation générale</h1> <div id="pres_content"> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> </div> 1d750c9c862ed871e8457f7fb78c88ac2751217a 439 431 2012-11-26T18:41:51Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Présentation générale</h1> <div id="pres_content"> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> </div> 87341422785ce734a55b3ca9fdfe2049f31e2741 Programme 0 9 433 313 2012-11-26T18:10:16Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> Structure du projet : <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> a66eed2036916ed53bce3cb9ed4bd844e2f388a3 434 433 2012-11-26T18:11:30Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> Structure du projet : <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> </div> 320c507448118e93d4fc400108b9f7fca81df8fa 435 434 2012-11-26T18:11:56Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> <p style="text-indent:0">Structure du projet :</p> <img width="1000" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> </div> 16b96fe5ac8163b46ca7ee6917a58ed1b1c01a6e 436 435 2012-11-26T18:12:51Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> <p style="text-indent:0">Structure du projet :</p> <img width="900" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> </div> 25e3f269cd1f3bae09d4881172bb9a5f32ae6f9d 437 436 2012-11-26T18:13:25Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> <p style="text-indent:0">Structure du projet :</p> <br /> <img width="900" src="http://kimengumi.u-strasbg.fr/~rei/Img/taches_public.png" alt="taches_shema" /> </div> 89150d1d442565af1d0e7fa001de0a3ab2f98785 448 437 2012-11-27T21:22:26Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> <p style="text-indent:0">Structure du projet :</p> <br /> <img width="900" src="../Img/programme_tr.gif" alt="programme" /> </div> 1da6eb9defc019246fd417a0679beb145e39cbbd 449 448 2012-11-27T21:22:58Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> <p style="text-indent:0">Structure du projet :</p> <br /> <img width="900" src="http://kimengumi.u-strasbg.fr/~rei/Img/programme_tr.gif" alt="programme" /> </div> fdbd74f57511d5e1e1be66bdb891d5f4f9aee4e1 Aide:Accueil 12 13 440 2012-11-27T10:27:35Z 130.79.91.103 0 Page créée avec « Ca serait bien de supprimer les droits d'éditions aux inconnus!! » wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! 7264adb8d2309936553b566db4e050d64a11ee17 MediaWiki:Sidebar 8 2 450 379 2012-11-27T21:24:38Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires #comment | ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Special:Publis | Publications #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 120d6998d331161055c2683a7a4e2eace3856033 MediaWiki:Common.css 8 3 451 447 2012-11-27T21:29:33Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; font-size:18px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#007CB9; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 67d7eed192da94a3e8626f4af2dfa826a35737eb 452 451 2012-11-27T21:30:16Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; font-size:16px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#007CB9; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 85c9972de86d57189ebc94d014a8d0de8b41d8c0 453 452 2012-11-27T21:31:12Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; font-size:14px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#007CB9; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 96d61a3914d8211993ec9c9c56d95b41ba7076fc 454 453 2012-11-27T21:32:16Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#DDD; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; font-size:14px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#007CB9; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 63dd4666bdd188ce7575fcb2ced23e81ef41456b 455 454 2012-11-27T21:33:15Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#E8E8E8; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; font-size:14px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#007CB9; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 30c38960943993c900bc5876e18e07891d0bc254 456 455 2012-11-27T21:34:37Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #CCC; background:#DDD; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; font-size:14px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#007CB9; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 4117e59f9763c5f1be16b877a3986f160c19fc80 457 456 2012-11-27T21:35:57Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 3f08b366f3278823d7f97214d0915bf283ac52e7 458 457 2012-11-27T21:47:42Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:bold; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } bba24d88dc8c15fb210df05eb85415dee720f8b0 459 458 2012-11-27T22:02:45Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:bold; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:bold; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 3d0b5ce63ef77f87d0c25886717cb0e09fbb8013 460 459 2012-11-27T22:07:02Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; /* I REALLY REALLY REALLY DON'T LIKE font-weight:bold; */ } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } cc9fa62100c64725ae9c30c5b7ea72f2e043e52d 461 460 2012-11-27T22:11:23Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:400; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 26ca40c069635f4a38a4ac844b1c2a1b2d023a4d 462 461 2012-11-27T22:12:28Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:500; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } c875154113a05c9fcfd701a30fe3b33b928d6219 463 462 2012-11-27T22:13:08Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 1d450e12f51ced3222b1d42d0c5c75fc48c8f0b1 464 463 2012-11-27T22:14:38Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:500; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } c875154113a05c9fcfd701a30fe3b33b928d6219 465 464 2012-11-27T22:15:32Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:15px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:500; font-size:25px; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 0a0021f8785738e930d4c7ec70e4cbe66e1fb41b 466 465 2012-11-27T22:16:08Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:500; font-size:25px; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 5f3c56187996270b3f7818b927e55c209c282c40 467 466 2012-11-27T22:16:53Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:500; font-size:25px; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } c452406af5d64a652702d0f53677532f8936b964 468 467 2012-11-27T22:28:54Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } /* I REALLY REALLY DON'T LIKE h2 { font-weight:bold; } */ h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:500; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 2439cb8f17c599aa8d8e34edc04854b01d423934 469 468 2012-11-28T09:41:14Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:500; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } cbd8a6d80fa7a4aa1d716df27df080604ff754a7 470 469 2012-11-28T09:46:41Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 2ae94d04cdf42b82b5a7d3ca95a36b68f25a8a3b 471 470 2012-11-28T20:49:18Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#part_footer a img { width:120px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } f189e6a8fbfbcc5f2bca9b2352adc0cc9161fd6d 472 471 2012-11-28T20:50:09Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } d0036920f6056447fc540444af0af6b6fa7bbdd3 475 472 2012-11-28T21:12:02Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { bottom:1px solid #CCC; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } ce40533db0b1b98bc687fb3dfeb0897ca6a14198 476 475 2012-11-28T21:13:55Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { border-bottom:1px solid #CCC; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } c6faffeed1d5504db88d98ed6aade5ed97731edf 477 476 2012-11-28T21:15:03Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { border-bottom:1px solid #CCC; } div#part div.unpart strong { font-size:20px; margin-top:20px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 2387e51f3af42051bfb34ca81ecca8725245a538 479 477 2012-11-28T21:18:23Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { border-bottom:1px solid #CCC; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding-left:20px; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 6bb8bb52ac4e7ea6ec037b2e5facdac028767d95 480 479 2012-11-28T21:19:26Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { border-bottom:1px solid #CCC; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding-left:20px; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 2edc449f3841abc220931cc15bfe81adfdcffb28 481 480 2012-11-28T21:20:05Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { border-bottom:1px solid #CCC; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding-left:20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 673cd5a22088d1c54bc9632531bde75e5596142f 482 481 2012-11-28T21:20:51Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { border-bottom:1px solid #CCC; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 662bb8cc501689c50f7bb908c165f9faecde0245 483 482 2012-11-28T21:21:20Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-bottom:25px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 418f64d58fe574116429c6d20b4d39a6b4f80e08 485 483 2012-11-28T21:23:37Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-bottom:25px; } div#part div.unpart img { float:left; width:200px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 0236279aed50b8cf1608ed4b8a3c891cd686ccb3 491 485 2012-11-28T21:29:59Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-bottom:25px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } a77e8c5c2d2af82511f26ad9f952e4e4b843d942 492 491 2012-11-28T21:30:38Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:100%; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } f64f4ff6ef6537dbd3fcdec18879cb98696fe85f 493 492 2012-11-28T21:45:14Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 5e0d03a2bfa32490eaebe4c1cf8ff1559cf02ecf 494 493 2012-11-28T21:46:43Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:98%; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } a1f4b7fb2541873c0fee6dbb3a5205a7710443a7 495 494 2012-11-28T21:47:16Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:90%; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } b8637faf24e5c34377c1a2c96e9cdcaa66f8b412 498 495 2012-11-29T13:07:43Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; width:90%; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 67d55e7d89e020a15e3d7a48caad2f9e98054eca 499 498 2012-11-29T13:08:48Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } df51f9e4415d478beda876cb2a5b999fa60949d6 Partenaires 0 11 473 100 2012-11-28T21:02:56Z Agf 7 wikitext text/x-wiki <h2>LSIIT</h2> Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. [[File:logo-agro.png|Le logo de agroParisTech]] 398cc5fe2904f4af79daa3c21c87a848d56d1da4 474 473 2012-11-28T21:09:41Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <strong>LSIIT</strong> <p> Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <strong>LIVE</strong> <p> Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <strong>LIPN</strong> <p> Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <strong>AgroParisTech</strong> <p> L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <strong>ESPACE DEV</strong> <p> ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> [[File:logo-agro.png|Le logo de agroParisTech]] 4d0a291426c3cba6ffc81e1271f4d4b958ddb5c4 478 474 2012-11-28T21:16:13Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> [[File:logo-agro.png|Le logo de agroParisTech]] 990c9d1a1363aa3c5a098cc77fefa55a56902303 484 478 2012-11-28T21:22:49Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> [[File:logo-agro.png|Le logo de agroParisTech]] da6ae8b1797f6da015ed9353e8f420d4ad5e9e5a 486 484 2012-11-28T21:25:37Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="{{SERVERNAME}}/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> [[File:logo-agro.png|Le logo de agroParisTech]] a5bf1ce3a465335e914569eacfa428c572e5f21a 487 486 2012-11-28T21:26:19Z Agf 7 Révocation des modifications de [[Special:Contributions/Agf|Agf]] ([[User talk:Agf|discussion]]) vers la dernière version de [[User:Pgancarski|Pgancarski]] wikitext text/x-wiki [[File:logo-agro.png|Le logo de agroParisTech]] 67159e148d0fb82131026b1f4a226ce872c4e0b1 488 487 2012-11-28T21:26:47Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> [[File:logo-agro.png|Le logo de agroParisTech]] 1eaeba4eac06947a2e13f8a36ccab17103626e17 489 488 2012-11-28T21:29:06Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> [[File:logo-agro.png|Le logo de agroParisTech]] 552dcf4808b4c1157194524d35cbdd62bac3e6db 490 489 2012-11-28T21:29:21Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c672441e51acc1d1e8a42d49d8fe351ab2486aec 496 490 2012-11-29T10:39:35Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> <br/> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> 9e40f06a3940e9e7c6be27932433e9a55b9f5b26 497 496 2012-11-29T10:40:22Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c672441e51acc1d1e8a42d49d8fe351ab2486aec MediaWiki:Sidebar 8 2 500 450 2012-11-29T14:24:23Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires #comment | ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** Special:Publis | Publications #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 3b4c8e0604a718ce2d0c002e6d5a6fd7466be863 Presentation 0 14 501 2012-11-29T19:39:20Z Agf 7 Page créée avec « Do you speak English ? :p » wikitext text/x-wiki Do you speak English ? :p 597c8f5d6b4cb54040da195f48aedbdec13eaea4 502 501 2012-11-29T19:41:45Z Agf 7 wikitext text/x-wiki <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> a4a20f39f358e35e6395de6aafa8e8fef0f1d0f2 504 502 2012-11-29T19:44:03Z Agf 7 wikitext text/x-wiki [[Coclico| FR ]] [[Presentation| EN ]] <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> ede1ad753bc18e9328d7f998d0406186660d2f1a 505 504 2012-11-29T19:45:11Z Agf 7 wikitext text/x-wiki [[Coclico| FR ]] [[Presentation| EN ]] <h1 class="lhl">Introducing COCLICO</h1> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> e1c8146fccf75c03b3ca6be1c30735aad05b5bdc 506 505 2012-11-29T19:52:42Z Agf 7 wikitext text/x-wiki [[Coclico| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/fr_flag.png" alt="fr" /> ]] [[Presentation| EN ]] <h1 class="lhl">Introducing COCLICO</h1> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> 9a962261a6a0585638b29f2aad61c07497577a82 507 506 2012-11-29T19:53:02Z Agf 7 wikitext text/x-wiki [[Coclico| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/en_flag.png" alt="fr" /> ]] <h1 class="lhl">Introducing COCLICO</h1> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> b5d0709d17ed98911049cdd592c05d2667cb168c 508 507 2012-11-29T19:53:35Z Agf 7 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/en_flag.png" alt="fr" /> ]]</div> <h1 class="lhl">Introducing COCLICO</h1> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> 643ebd89d2300831a8b3401baa7b0eda66bab000 531 508 2012-11-30T06:48:17Z Agf 7 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/en_flag.png" alt="fr" /> ]]</div> <br /> <h1 class="lhl">Introducing COCLICO</h1> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> 2d13144756bc6751bae2c5923c3330284902a76c 532 531 2012-11-30T06:48:27Z Agf 7 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/en_flag.png" alt="fr" /> ]]</div> <br /> <h1 class="lhl">Introducing COCLICO</h1> <br /> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> 764819b2579cb1e9c5ced3e629342b2725aada03 Coclico 0 6 503 439 2012-11-29T19:43:47Z Agf 7 wikitext text/x-wiki [[Coclico| FR ]] [[Presentation| EN ]] <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Présentation générale</h1> <div id="pres_content"> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> </div> 5adf20e7da4a3a1891da073631b68e78937f4b5a 512 503 2012-11-29T19:57:44Z Agf 7 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://kimengumi.u-strasbg.fr/~rei/Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Présentation générale</h1> <div id="pres_content"> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> </div> 83e0a488bcd5a76fa8b180cf898f30c47f641593 MediaWiki:Common.css 8 3 509 499 2012-11-29T19:55:41Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:2px solid #333; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 85ce19702b46db60118bcc86e84ab6c5418a2ddd 510 509 2012-11-29T19:56:34Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:2px solid #333; width:50px; height:32px; display:inline-block; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 95737e46234297b9b3f7cb57c94af0e071d0814d 511 510 2012-11-29T19:57:20Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:2px solid #333; width:50px; height:32px; display:inline-block; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 2c8097d983ee1451f59b80829e1d69dcd0548d1b 513 511 2012-11-29T19:59:06Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:2px solid #333; width:30px; height:19px; display:inline-block; } div#lg_choice img { width:30px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 4fd532ae445bc7df6f2102fbabd753f9026a4332 514 513 2012-11-29T19:59:45Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:2px solid #333; display:inline-block; } div#lg_choice img { width:30px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } c2dbb3bb3882c578b15c54e41e1a657315898b9d 515 514 2012-11-29T20:02:26Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:30px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 479471cd3df83d2bed15bebb045a991a1afe3d55 516 515 2012-11-29T20:03:41Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; height:19px; } div#lg_choice img { width:30px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 3ea5f1ea0d9972e40111e7acdc711173280a8fbf 517 516 2012-11-29T20:04:32Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:50px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } e4967869d478b3aeeb81c62f3d6616c5e5a91b43 518 517 2012-11-29T20:08:17Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } d4004f53d75ea6169b1cebd4fe40dead3e16274a 519 518 2012-11-29T20:08:44Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 6e6dfd648eab7c38fff678c79adf606e7726814f 520 519 2012-11-29T21:16:32Z Agf 7 Page blanchie css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 521 520 2012-11-29T21:17:30Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 6e6dfd648eab7c38fff678c79adf606e7726814f 522 521 2012-11-29T21:17:53Z Agf 7 Page blanchie css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 523 522 2012-11-29T21:18:38Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; font-size:25px; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 6e6dfd648eab7c38fff678c79adf606e7726814f 524 523 2012-11-29T22:32:09Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 789831ee0280820ccd1e7628c6fa513348971eb0 525 524 2012-11-30T06:44:48Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; margin-top:110px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } f4809e75bc4782d195483838bc2dc6211c49a212 526 525 2012-11-30T06:45:06Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; margin-top:-110px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } f0a4e8fcb50821865787265cc72a7843d908183c 527 526 2012-11-30T06:45:25Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; margin-top:-50px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:40px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 975d44375e375e825b25c6bfa86e9a3b985e0ca1 528 527 2012-11-30T06:45:48Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { padding-left:30px; margin-top:-45px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } ec96fcde322b82dbd15423ee3ab8d46281a79d8f 529 528 2012-11-30T06:46:26Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:10px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } a3012c8852623b02d7a9f01a85fb961a72912213 530 529 2012-11-30T06:47:37Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 6b797d5176a3ab578442810eee01a1619ac8cb94 MediaWiki:Mainpage 8 4 533 403 2012-11-30T10:40:14Z Agf 7 wikitext text/x-wiki Special:Accueil b4554be813787ac2a2ce8acfb8627354093d8fd6 Aide:Accueil 12 13 535 440 2012-12-04T20:15:10Z Agf 7 wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! [[media:test.odt]] 4036e60d6d246d44a1f7cb31bdbd4587a7868116 Fichier:LogoCoclicoV0 4.pdf 6 17 537 2012-12-09T19:05:58Z Agf 7 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Test 0 12 539 377 2012-12-09T19:11:06Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [File:Lion waiting in Namibia.jpeg] f19703a5d85135d2a361a828a73d8ea06d050007 540 539 2012-12-09T19:11:18Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:Lion waiting in Namibia.jpeg]] 7304b20af472e8c09ce61bb8001f43b255c9b31d 542 540 2012-12-09T19:16:51Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] 883a57274ccb5663edea16e8bfbbbd3755efefb1 543 542 2012-12-10T17:39:45Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <a id="upload_select" title="Select files" style="position: relative; z-index: 0;"><img src="/~rei/mediaWiki/extensions/MsUpload/images/button_upload.gif"></a> 6c21c99740087ab293f3ce95c670fe7e3b9aa5bc 544 543 2012-12-10T17:40:07Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <a id="upload_select" title="Select files" style="position: relative; z-index: 0;"><img src="/~rei/mediaWiki/extensions/MsUpload/images/button_upload.gif"></a> </html> 0d713d250db611cb800e8316dba9cea3aeccc9e1 545 544 2012-12-10T17:42:08Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <a id="upload_file" title="Select files" style="position: relative; z-index: 0;"><img src="/~rei/mediaWiki/extensions/MsUpload/images/button_upload.gif"></a> </html> 9393f5716b07d49e9bde83f208e0715af653c8b4 546 545 2012-12-10T17:42:57Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <input id="wpUploadFile" name="wpUploadFile" size="60" type="file"> </html> 0e36b8c9235398091cb9b00012e8f38640a9ba07 547 546 2012-12-10T17:47:00Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <input id="wpUploadFile" name="wpUploadFile" size="60" type="file"> <fieldset> <legend>Description du fichier</legend> <table id="mw-htmlform-description"><tbody> <tr class="mw-htmlform-field-HTMLTextField"><td class="mw-label"><label for="wpDestFile">Nom sous lequel le fichier sera enregistré&nbsp;:</label></td><td class="mw-input"><input id="wpDestFile" name="wpDestFile" size="60"> </td></tr><tr><td id="wpDestFile-warning" colspan="2">&nbsp;</td></tr><tr class="mw-htmlform-field-HTMLTextAreaField"><td class="mw-label"><label for="wpUploadDescription">Description&nbsp;:</label></td><td class="mw-input"><textarea id="wpUploadDescription" name="wpUploadDescription" cols="80" rows="8"></textarea> </td></tr><tr><td></td><td class="mw-input"><div class="mw-editTools"></div></td></tr> <tr class="mw-htmlform-field-Licenses"><td class="mw-label"><label for="wpLicense">Licence</label></td><td class="mw-input"><select name="wpLicense" id="wpLicense"><option selected="selected" value="">Aucune licence sélectionnée</option> </select> </td></tr><tr><td></td><td id="mw-license-preview"></td></tr> </tbody></table> </fieldset> </html> 2f2a7669a0ecd64ecd9fc8dc9ea4963738639f6e 548 547 2012-12-10T17:48:13Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <input id="wpUploadFile" name="wpUploadFile" size="60" type="file"> <fieldset> <legend>Description du fichier</legend> <table id="mw-htmlform-description"><tbody> <tr class="mw-htmlform-field-HTMLTextField"><td class="mw-label"><label for="wpDestFile">Nom sous lequel le fichier sera enregistré&nbsp;:</label></td><td class="mw-input"><input id="wpDestFile" name="wpDestFile" size="60"> </td></tr><tr><td id="wpDestFile-warning" colspan="2">&nbsp;</td></tr><tr class="mw-htmlform-field-HTMLTextAreaField"><td class="mw-label"><label for="wpUploadDescription">Description&nbsp;:</label></td><td class="mw-input"><textarea id="wpUploadDescription" name="wpUploadDescription" cols="80" rows="8"></textarea> </td></tr><tr><td></td><td class="mw-input"><div class="mw-editTools"></div></td></tr> <tr class="mw-htmlform-field-Licenses"><td class="mw-label"><label for="wpLicense">Licence</label></td><td class="mw-input"><select name="wpLicense" id="wpLicense"><option selected="selected" value="">Aucune licence sélectionnée</option> </select> </td></tr><tr><td></td><td id="mw-license-preview"></td></tr> </tbody></table> </fieldset> <input type="submit" value="Importer le fichier" name="wpUpload" title="Démarrer l'import [ctrl-option-s]" accesskey="s" class="mw-htmlform-submit"> </html> e26897888125082b7624d2be011948fd4f581b6b 550 548 2012-12-10T17:49:51Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <div id="mw-content-text"><div id="uploadtext"><p>Utilisez ce formulaire pour importer des fichiers sur le serveur. Pour voir ou rechercher des images précédemment envoyées, consultez la <a href="/~rei/mediaWiki/index.php/Sp%C3%A9cial:Liste_des_fichiers" title="Spécial:Liste des fichiers">liste des images</a>. L’import est aussi enregistrés dans le <a href="/~rei/mediaWiki/index.php/Sp%C3%A9cial:Journal/upload" title="Spécial:Journal/upload">journal d'import des fichiers</a>, et les suppressions dans le <a href="/~rei/mediaWiki/index.php/Sp%C3%A9cial:Journal/delete" title="Spécial:Journal/delete">journal des suppressions</a>. </p><p>Pour inclure un fichier dans une page, utilisez un lien de la forme&nbsp;: </p> <ul><li> <b><code>[[Fichier:fichier.jpg]]</code></b>, pour afficher le fichier en pleine résolution (dans le cas d’une image)&nbsp;; </li><li> <b><code>[[Fichier:fichier.png|200px|thumb|left|texte descriptif]]</code></b> pour utiliser une miniature de 200 pixels de large dans une boîte à gauche avec «&nbsp;texte descriptif&nbsp;» comme description&nbsp;; </li><li> <b><code>[[Média:fichier.ogg]]</code></b> pour lier directement vers le fichier sans l’afficher. </li></ul> </div><form action="http://kimengumi.u-strasbg.fr/~rei/mediaWiki/index.php/Sp%C3%A9cial:T%C3%A9l%C3%A9verser" method="post" class="visualClear" enctype="multipart/form-data" id="mw-upload-form"><fieldset> <legend>Fichier source</legend> <table id="mw-htmlform-source"><tbody> <tr class="mw-htmlform-field-UploadSourceField"><td class="mw-label"><label for="wpSourceTypeFile">Nom du fichier source&nbsp;:</label></td><td class="mw-input"><input id="wpUploadFile" name="wpUploadFile" size="60" type="file"> </td></tr><tr><td colspan="2" class="htmlform-tip">Taille maximale du fichier&nbsp;: 2 Mio (un fichier sur votre ordinateur)</td></tr> <tr class="mw-htmlform-field-HTMLInfoField"><td class="mw-label"><label></label></td><td class="mw-input"><div id="mw-upload-permitted" class=""><p>Formats de fichiers autorisés&nbsp;: odt, pdf, doc, ppt, jpg, jpeg, gif, png. </p></div> </td></tr> </tbody></table> </fieldset> <fieldset> <legend>Description du fichier</legend> <table id="mw-htmlform-description"><tbody> <tr class="mw-htmlform-field-HTMLTextField"><td class="mw-label"><label for="wpDestFile">Nom sous lequel le fichier sera enregistré&nbsp;:</label></td><td class="mw-input"><input id="wpDestFile" name="wpDestFile" size="60"> </td></tr><tr><td id="wpDestFile-warning" colspan="2">&nbsp;</td></tr><tr class="mw-htmlform-field-HTMLTextAreaField"><td class="mw-label"><label for="wpUploadDescription">Description&nbsp;:</label></td><td class="mw-input"><textarea id="wpUploadDescription" name="wpUploadDescription" cols="80" rows="8"></textarea> </td></tr><tr><td></td><td class="mw-input"><div class="mw-editTools"></div></td></tr> <tr class="mw-htmlform-field-Licenses"><td class="mw-label"><label for="wpLicense">Licence</label></td><td class="mw-input"><select name="wpLicense" id="wpLicense"><option selected="selected" value="">Aucune licence sélectionnée</option> </select> </td></tr><tr><td></td><td id="mw-license-preview"></td></tr> </tbody></table> </fieldset> <fieldset> <legend>Options d'import de fichiers</legend> <table class="mw-htmlform-nolabel" id="mw-htmlform-options"><tbody> <tr class="mw-htmlform-field-HTMLCheckField"><td class="mw-label"><label for="wpWatchthis">&nbsp;</label></td><td class="mw-input"><input name="wpWatchthis" type="checkbox" value="1" id="wpWatchthis">&nbsp;<label for="wpWatchthis">Suivre ce fichier</label> </td></tr><tr class="mw-htmlform-field-HTMLCheckField"><td class="mw-label"><label for="wpIgnoreWarning">&nbsp;</label></td><td class="mw-input"><input name="wpIgnoreWarning" type="checkbox" value="1" id="wpIgnoreWarning">&nbsp;<label for="wpIgnoreWarning">Ignorer les avertissements</label> </td></tr> </tbody></table> </fieldset> <table><tbody> </tbody></table> <input id="wpEditToken" type="hidden" value="126ebfa03c0ffafff00b926842a1426e+\" name="wpEditToken"> <input type="hidden" value="Spécial:Téléverser" name="title"> <input id="wpDestFileWarningAck" name="wpDestFileWarningAck" type="hidden" value="1"> <input type="submit" value="Importer le fichier" name="wpUpload" title="Démarrer l'import [ctrl-option-s]" accesskey="s" class="mw-htmlform-submit"> </form></div> </html> aa2f82f84cd3d13e44c70ff2788ec5dcbe0e311f 551 550 2012-12-10T17:51:16Z Agf 7 Contenu remplacé par « LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] » wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] 883a57274ccb5663edea16e8bfbbbd3755efefb1 552 551 2012-12-10T18:08:27Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] createUpload(true); ea5a2d9a6b264d072f9c55ee8dadd61c5f1615bb 553 552 2012-12-10T18:11:02Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] 883a57274ccb5663edea16e8bfbbbd3755efefb1 554 553 2012-12-10T18:13:10Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <form action="http://kimengumi.u-strasbg.fr/~rei/mediaWiki/index.php/Sp%C3%A9cial:T%C3%A9l%C3%A9verser" method="post" class="visualClear" enctype="multipart/form-data" id="mw-upload-form"><fieldset> <legend>Fichier source</legend> <table id="mw-htmlform-source"><tbody> <tr class="mw-htmlform-field-UploadSourceField"><td class="mw-label"><label for="wpSourceTypeFile">Nom du fichier source&nbsp;:</label></td><td class="mw-input"><input id="wpUploadFile" name="wpUploadFile" size="60" type="file"> </td></tr><tr><td colspan="2" class="htmlform-tip">Taille maximale du fichier&nbsp;: 2 Mio (un fichier sur votre ordinateur)</td></tr> <tr class="mw-htmlform-field-HTMLInfoField"><td class="mw-label"><label></label></td><td class="mw-input"><div id="mw-upload-permitted"><p>Formats de fichiers autorisés&nbsp;: odt, pdf, doc, ppt, jpg, jpeg, gif, png. </p></div> </td></tr> </tbody></table> </fieldset> <fieldset> <legend>Description du fichier</legend> <table id="mw-htmlform-description"><tbody> <tr class="mw-htmlform-field-HTMLTextField"><td class="mw-label"><label for="wpDestFile">Nom sous lequel le fichier sera enregistré&nbsp;:</label></td><td class="mw-input"><input id="wpDestFile" name="wpDestFile" size="60"> </td></tr><tr><td id="wpDestFile-warning" colspan="2"></td></tr><tr class="mw-htmlform-field-HTMLTextAreaField"><td class="mw-label"><label for="wpUploadDescription">Description&nbsp;:</label></td><td class="mw-input"><textarea id="wpUploadDescription" name="wpUploadDescription" cols="80" rows="8"></textarea> </td></tr><tr><td></td><td class="mw-input"><div class="mw-editTools"></div></td></tr> <tr class="mw-htmlform-field-Licenses"><td class="mw-label"><label for="wpLicense">Licence</label></td><td class="mw-input"><select name="wpLicense" id="wpLicense"><option selected="selected" value="">Aucune licence sélectionnée</option> </select> </td></tr><tr><td></td><td id="mw-license-preview"></td></tr> </tbody></table> </fieldset> <fieldset> <legend>Options d'import de fichiers</legend> <table class="mw-htmlform-nolabel" id="mw-htmlform-options"><tbody> <tr class="mw-htmlform-field-HTMLCheckField"><td class="mw-label"><label for="wpWatchthis">&nbsp;</label></td><td class="mw-input"><input name="wpWatchthis" type="checkbox" value="1" id="wpWatchthis">&nbsp;<label for="wpWatchthis">Suivre ce fichier</label> </td></tr><tr class="mw-htmlform-field-HTMLCheckField"><td class="mw-label"><label for="wpIgnoreWarning">&nbsp;</label></td><td class="mw-input"><input name="wpIgnoreWarning" type="checkbox" value="1" id="wpIgnoreWarning">&nbsp;<label for="wpIgnoreWarning">Ignorer les avertissements</label> </td></tr> </tbody></table> </fieldset> <table><tbody> </tbody></table> <input id="wpEditToken" type="hidden" value="126ebfa03c0ffafff00b926842a1426e+\" name="wpEditToken"> <input type="hidden" value="Spécial:Téléverser" name="title"> <input id="wpDestFileWarningAck" name="wpDestFileWarningAck" type="hidden"> <input type="submit" value="Importer le fichier" name="wpUpload" title="Démarrer l'import [ctrl-option-s]" accesskey="s" class="mw-htmlform-submit"> </form> d27af986b13d4906fd4bb33fd3891b68373dfa32 Fichier:L3I BD ajax (1).pdf 6 20 549 2012-12-10T17:49:29Z Agf 7 MsUpload wikitext text/x-wiki MsUpload 519c08da88276b2f47bc6fb30637d415fd0d804e Test 0 12 555 554 2012-12-10T18:13:27Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <form action="http://kimengumi.u-strasbg.fr/~rei/mediaWiki/index.php/Sp%C3%A9cial:T%C3%A9l%C3%A9verser" method="post" class="visualClear" enctype="multipart/form-data" id="mw-upload-form"><fieldset> <legend>Fichier source</legend> <table id="mw-htmlform-source"><tbody> <tr class="mw-htmlform-field-UploadSourceField"><td class="mw-label"><label for="wpSourceTypeFile">Nom du fichier source&nbsp;:</label></td><td class="mw-input"><input id="wpUploadFile" name="wpUploadFile" size="60" type="file"> </td></tr><tr><td colspan="2" class="htmlform-tip">Taille maximale du fichier&nbsp;: 2 Mio (un fichier sur votre ordinateur)</td></tr> <tr class="mw-htmlform-field-HTMLInfoField"><td class="mw-label"><label></label></td><td class="mw-input"><div id="mw-upload-permitted"><p>Formats de fichiers autorisés&nbsp;: odt, pdf, doc, ppt, jpg, jpeg, gif, png. </p></div> </td></tr> </tbody></table> </fieldset> <fieldset> <legend>Description du fichier</legend> <table id="mw-htmlform-description"><tbody> <tr class="mw-htmlform-field-HTMLTextField"><td class="mw-label"><label for="wpDestFile">Nom sous lequel le fichier sera enregistré&nbsp;:</label></td><td class="mw-input"><input id="wpDestFile" name="wpDestFile" size="60"> </td></tr><tr><td id="wpDestFile-warning" colspan="2"></td></tr><tr class="mw-htmlform-field-HTMLTextAreaField"><td class="mw-label"><label for="wpUploadDescription">Description&nbsp;:</label></td><td class="mw-input"><textarea id="wpUploadDescription" name="wpUploadDescription" cols="80" rows="8"></textarea> </td></tr><tr><td></td><td class="mw-input"><div class="mw-editTools"></div></td></tr> <tr class="mw-htmlform-field-Licenses"><td class="mw-label"><label for="wpLicense">Licence</label></td><td class="mw-input"><select name="wpLicense" id="wpLicense"><option selected="selected" value="">Aucune licence sélectionnée</option> </select> </td></tr><tr><td></td><td id="mw-license-preview"></td></tr> </tbody></table> </fieldset> <fieldset> <legend>Options d'import de fichiers</legend> <table class="mw-htmlform-nolabel" id="mw-htmlform-options"><tbody> <tr class="mw-htmlform-field-HTMLCheckField"><td class="mw-label"><label for="wpWatchthis">&nbsp;</label></td><td class="mw-input"><input name="wpWatchthis" type="checkbox" value="1" id="wpWatchthis">&nbsp;<label for="wpWatchthis">Suivre ce fichier</label> </td></tr><tr class="mw-htmlform-field-HTMLCheckField"><td class="mw-label"><label for="wpIgnoreWarning">&nbsp;</label></td><td class="mw-input"><input name="wpIgnoreWarning" type="checkbox" value="1" id="wpIgnoreWarning">&nbsp;<label for="wpIgnoreWarning">Ignorer les avertissements</label> </td></tr> </tbody></table> </fieldset> <table><tbody> </tbody></table> <input id="wpEditToken" type="hidden" value="126ebfa03c0ffafff00b926842a1426e+\" name="wpEditToken"> <input type="hidden" value="Spécial:Téléverser" name="title"> <input id="wpDestFileWarningAck" name="wpDestFileWarningAck" type="hidden"> <input type="submit" value="Importer le fichier" name="wpUpload" title="Démarrer l'import [ctrl-option-s]" accesskey="s" class="mw-htmlform-submit"> </form> </html> b3785e7dd9a0ebe156febe85171169d669658d13 556 555 2012-12-10T18:14:03Z Agf 7 Contenu remplacé par « LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] » wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] 883a57274ccb5663edea16e8bfbbbd3755efefb1 596 556 2012-12-17T20:47:18Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <img src="http://en.wikipedia.org/wiki/File:Lion_waiting_in_Namibia.jpg" /> ea5c393d717b88e067d24b202c22119546e608a3 597 596 2012-12-17T20:47:35Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <html> <img src="http://en.wikipedia.org/wiki/File:Lion_waiting_in_Namibia.jpg" /> </html> 411ce27b8a696b7eb07af5e6bbbf7eb6ceb722e8 599 597 2012-12-17T20:50:39Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] http://en.wikipedia.org/wiki/File:Lion_waiting_in_Namibia.jpg 0255e5f30f817cf4c20dce963f698d5584c97967 600 599 2012-12-17T20:51:48Z Agf 7 wikitext text/x-wiki LOOOL http://{{SERVERNAME}}/../superman.php [[File:test.odt]] <img src="http://en.wikipedia.org/wiki/File:Lion_waiting_in_Namibia.jpg" /> ea5c393d717b88e067d24b202c22119546e608a3 MediaWiki:Sidebar 8 2 557 500 2012-12-11T15:48:06Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires #comment | ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** Special:Publis | Publications * poney ** Coclico | LOLQUOI #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 3e78cc704ba6f58b47ea1d47edbc0280d3b2688d 558 557 2012-12-11T15:49:21Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires #comment | ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** Special:Publis | Publications #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * Administration ** Spécial:Pages_speciales | Pages spéciales * SEARCH * TOOLBOX * LANGUAGES 29dc9172fb4d98bd40f1b958986791a12771ce71 559 558 2012-12-11T15:51:38Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires #comment | ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** Special:Publis | Publications #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help * SEARCH * TOOLBOX * LANGUAGES 94753f633776bf611c5d7b06ac27a53ab8972c13 MediaWiki:Common.css 8 3 560 530 2012-12-11T15:52:57Z Agf 7 Page blanchie css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 561 560 2012-12-11T15:53:32Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 6b797d5176a3ab578442810eee01a1619ac8cb94 562 561 2012-12-14T17:11:13Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#F5F5F5; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } cccbaa7f74b44807eb612529c2b98f80479685d3 563 562 2012-12-15T12:02:05Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } 98247c022802d9f464b28c0af45d346fd55ba1a8 564 563 2012-12-15T14:00:53Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 2a73bb75feedf22545f33ead18977b6c3ba4e096 565 564 2012-12-15T14:30:10Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #tasks table td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 43c44c8ac609ead3a1845ffaee448e7a00934fa9 566 565 2012-12-15T14:33:55Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 923aaaec13d3a1ea5caef44a112b3a70051eaabf 567 566 2012-12-15T15:02:46Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 5b57ac5b0703e4079b5799392961b01f39daa4f1 568 567 2012-12-15T15:04:27Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } #docs p { text-indent:0; background:purple; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 175ce72986cdf37f9b6d6f43119d6761c2cc4d6c 569 568 2012-12-15T15:09:43Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:95%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } eb69c70090ecdb82fbd157b4be95e70ff1a3d3cb 570 569 2012-12-15T15:10:18Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 02665c2c5b8205b754cf13bb8a8a637c928dbc77 578 570 2012-12-17T09:19:54Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border-collapse:collapse; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } /* TEEEEST */ /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } e45b2147294501649ad2ff40ce5a29dc1a93395e 579 578 2012-12-17T09:58:53Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 542d283af13294c55e295222f07ee2a6d4d92552 580 579 2012-12-17T13:45:23Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 487203db3e372a0e46bc8a5958af0b24846e332b 581 580 2012-12-17T13:46:43Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } fa1411b17c1aea84b7e1d59c9d514be557aa97d0 582 581 2012-12-17T14:09:55Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 18px; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 18px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 18px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 18px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height:20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height:20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height:20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 8c3c15853b1c05ecc68b541238f51430e4fa0351 583 582 2012-12-17T14:17:37Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 18px; } .vert:hover { background-image: none; background-color: #10AB10; height: 18px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .cache { color:black; } .haut { height: 18px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 18px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 18px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 18px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 18px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 18px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 18px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 18px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 63b9f6b12c6424d99b70c5ea2784eeddf6d0d9f3 584 583 2012-12-17T14:22:24Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } b5aec2ecc4921e64cd411b403f5ad117f40cf97b 585 584 2012-12-17T19:48:29Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#DDD; max-width:500px; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 9357492d1a9747eb2a518fe3fecb25893daddbff 586 585 2012-12-17T19:50:02Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#DDD; max-width:500px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 4f128cdc6032fdcd4dbe2afb77551430c813537b 587 586 2012-12-17T19:52:18Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } cb5da902921115c45a5ac56a9f2c5f50df7c419b 588 587 2012-12-17T20:06:06Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 33f0e9a53c34e022b6e08376f2be7e2495907452 Partenaires 0 11 571 497 2012-12-16T20:05:27Z Agf 7 wikitext text/x-wiki [[Spécial:Docs?act=download&id=14]] <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c799341250e08ac8f34227cc4a12571138602019 572 571 2012-12-16T20:06:07Z Agf 7 wikitext text/x-wiki [[Spécial:Docs]] <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> 536eb2bd25eeaa4cb86a9462cf8daea0ac7e4a73 573 572 2012-12-16T20:07:25Z Agf 7 wikitext text/x-wiki [http://kimengumi.u-strasbg.fr/~rei/mediaWiki/index.php/Sp%C3%A9cial:Docs?act=download&id=14] <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> 0650261235648f50c9ec0f7e37bc545980855904 574 573 2012-12-16T20:08:12Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c672441e51acc1d1e8a42d49d8fe351ab2486aec 575 574 2012-12-16T20:09:31Z Agf 7 wikitext text/x-wiki [Spécial:Docs?act=download&id=14] <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> b7db05f20b2d78a4b0348407f41ff2980802302a 576 575 2012-12-16T20:09:42Z Agf 7 wikitext text/x-wiki [:Spécial:Docs?act=download&id=14] <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> 5a2e84841941aca16058d947d0ecb9ec143e4bf7 577 576 2012-12-16T20:09:51Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c672441e51acc1d1e8a42d49d8fe351ab2486aec 589 577 2012-12-17T20:35:19Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="../Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> f41d2814fbcb66ad1ba90ff284ca57f82bbb5dcb 590 589 2012-12-17T20:35:28Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> fdbd6cf8abf2086567b3650948b1247324ea0178 591 590 2012-12-17T20:35:40Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="../../Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> ec551f40d1da7e88e9926709c2388b7152893e8f 592 591 2012-12-17T20:36:02Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://kimengumi.u-strasbg.fr/~rei/Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c672441e51acc1d1e8a42d49d8fe351ab2486aec 601 592 2012-12-17T20:57:18Z Agf 7 wikitext text/x-wiki <div id="part"> <div class="unpart"> <h2>LSIIT</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/lsiit.png" alt="lsiit" />Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> 55b656abbb1466715c31d1a94993080e48f98b37 Aide:Accueil 12 13 593 535 2012-12-17T20:39:20Z Agf 7 wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! [[media:test.odt]] <nowiki><img src="../~rei/Img/Logos/ANR_TR.png" /></nowiki> 4c0cf3c06805409f43131215319181c7ce310fe3 594 593 2012-12-17T20:39:43Z Agf 7 wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! [[media:test.odt]] <img src="../Img/Logos/ANR_TR.png" /> 59a37ab855fd061e110be2c410a9de5e2f22bc40 595 594 2012-12-17T20:41:47Z Agf 7 wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! [[media:test.odt]] [[Image:http://imengumi.u-strasbg.fr/~rei/Img/Logos/ANR_TR.png]] 1909d00947b8b300f1d8611b537b80609fc35b4e 598 595 2012-12-17T20:50:13Z Agf 7 wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! [[media:test.odt]] <img src="http://{{SERVERNAME}}/Img/Logos/ANR_TR.png" alt="test" /> {{SERVERNAME}} {{SCRIPTPATH}} 4a5f8656c25e4a8b9c809d41569c3e1f5216f607 Programme 0 9 602 449 2012-12-17T20:58:30Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Programme scientifique et structuration du projet</h1> <div id="pres_content"> <p> La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). </p> <br /> <p style="text-indent:0">Structure du projet :</p> <br /> <img width="900" src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/programme_tr.gif" alt="programme" /> </div> 2f79f9d5ba2c16819577852931db85ae0f875de7 Coclico 0 6 603 512 2012-12-17T20:59:39Z Agf 7 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h1 class="lhl">Présentation générale</h1> <div id="pres_content"> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> </div> 022c6b06637d8da0fd21cdb0026bcb1ee9af1690 Presentation 0 14 604 532 2012-12-17T21:03:23Z Agf 7 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <br /> <h1 class="lhl">Introducing COCLICO</h1> <br /> <p>Data mining is an important step in the process from data to knowledge. Thus, for example, understanding the processes and development of systems, more or less anthropic, in various spatial and temporal scales (urbanization pressure on land, biodiversity loss etc..) from satellites or other data becomes a major component in various areas such as the study of the environment or urbanism. But the current analysis techniques are less and less able to address the current avalanche of heterogeneous data often incomplete or inaccurate and increasingly supplied as continuous streams. But if the characteristics of mining methods are generally well known and understood by the analyst-statistician or computer scientist, it is rarely the same for the user. Thus, quite often it is necessary to try several algorithms with different parameters to determine which best suits the question. The user must also take into account the indeterminacy of many unsupervised classification methods. Moreover, it is necessary to take into account the variable quality of raw or preprocessed data, the robustness of learning methods to noise, and the sensitivity of results to changes in methods or parameters of data acquisition / construction, in order to suggest more appropriate strategies for data cleaning and preprocessing. Finally, the data being supplied continuously, a dynamic dimension and the need for incremental learning ability in a changing environment are added. There are currently no surefire way to choose the best method and its parameters, as this choice is strongly related to the application domain and a priori knowledge on it and the data to be processed. One approach increasingly proposed to circumvent this problem is based on the intuition that the methods are complementary or at least can corroborate among themselves. Thus, mechanisms of confrontation and unification of results from different methods and data can be used to provide the user with a relevant summary. A promising avenue in this area is based on collaboration between different methods. </p> <p>Nevertheless, we learn even better than what we address relates to what we already know and that the objective of the task is known and understood: it is not desirable that data interpretation is done by a person ignorant of the topic. Thus, the interpretation process often requires the presence of a thematic expert, but is unfortunately very time-consuming. Though reducing that by introducing direct involvement of the expert knowledge in this process requires modeling and formalizing classes / objects in the real world, to define their possible representations in the data space and finally to study and build mechanisms for extracting and labeling these objects with respect to this knowledge. Coclico is a research project to study and propose a generic method for an innovative multi-scale analysis of large volumes of spatio-temporal data provided as a stream of highly variable quality, implementing a multi-strategy approach in which incremental collaboration between different data mining methods will be guided by knowledge of both the thematic field (Geosciences, Geography) formalized in ontologies and of the domain analysis (knowledge of the methods), and guaranteeing a objective of final quality taking into account both the quality of data and of knowledge. </p> ad96caba39a3b0eeacdc81e563ff16b63bc35742 Aide:Accueil 12 13 605 598 2012-12-17T21:29:28Z Agf 7 wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! [[media:test.odt]] 4036e60d6d246d44a1f7cb31bdbd4587a7868116 620 605 2012-12-18T20:47:32Z Agf 7 wikitext text/x-wiki == Gestion des documents == [[Spécial:Docs | Documents]] Vous pouvez gérer l'arborescence de répertoires et de fichier. Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique. La racine est publique. Un fichier placé dans un répertoire publique est considéré comme publique. Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier. 79300d3e2164e77d8cfb222e0fa4021e4bc138b3 621 620 2012-12-18T20:48:15Z Agf 7 wikitext text/x-wiki == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. Vous pouvez gérer l'arborescence de répertoires et de fichier. Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique. La racine est publique. Un fichier placé dans un répertoire publique est considéré comme publique. Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier. ac2ae7d04c7e463309859d797ad279bf07bf4a99 622 621 2012-12-18T20:49:04Z Agf 7 wikitext text/x-wiki == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 4f9afed11ee7a6412e03b1f09bb5b9ed286e0ae3 623 622 2012-12-18T20:51:26Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[[Spécial:Publis?act=aide | aide à la mise en page d'une publication]].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> a6966c2dd45fc711cd3054ea43dce4109eda8067 624 623 2012-12-18T20:52:16Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[Spécial:Publis?act=aide | aide à la mise en page d'une publication].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 98e6be784a52e068de1ff9e63781e449e9e539b8 625 624 2012-12-18T20:52:25Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[Spécial:Publis?act=aide].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> ff88db3d52bc321d463b8b886586fa1a74ee2908 626 625 2012-12-18T20:52:37Z Agf 7 Révocation des modifications de [[Special:Contributions/Agf|Agf]] ([[User talk:Agf|discussion]]) vers la dernière version de [[User:130.79.91.103|130.79.91.103]] wikitext text/x-wiki Ca serait bien de supprimer les droits d'éditions aux inconnus!! 7264adb8d2309936553b566db4e050d64a11ee17 627 626 2012-12-18T20:53:29Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://Spécial:Publis?act=aide |aide à la mise en page d'une publication].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> b272dc7a821a2969ab13e2b33ce5fa8dd5129693 628 627 2012-12-18T20:53:37Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://Spécial:Publis?act=aide aide à la mise en page d'une publication].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 1819898ca280f4bead70a74c5447eead592da1fb 629 628 2012-12-18T20:54:17Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}Spécial:Publis?act=aide aide à la mise en page d'une publication].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> da524d2c02959069b37d7c0fc8c8571f89ff123d 630 629 2012-12-18T20:54:32Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/Spécial:Publis?act=aide aide à la mise en page d'une publication].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> ff40cb36cc1b6f5f908e05d280686855f08d7a29 631 630 2012-12-18T20:55:01Z Agf 7 wikitext text/x-wiki == Système de publications == Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une publication].</p> == Gestion des documents == Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> f654818ffd6f3be27780de0615b5a49c06c22116 634 631 2012-12-18T20:59:28Z Agf 7 wikitext text/x-wiki <h2>Système de publications</h2> Aide concernant les [[Spécial:Publis | Publications]]. <p>Une publication est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une publication].</p> <h2>Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 9c622a2e9b66155924bcb317761dd9b75387f049 636 634 2013-01-13T11:06:45Z Agf 7 wikitext text/x-wiki <h2>Système de news</h2> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2>Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2>Gestion du calendrier</h2> Aide concernant le [[Spécial:Calendrier | Calendrier]]. <p>En cliquant sur une sous-tache, accédez a sa description.</p> <p>A completer.</p> 6ef3f099fd12932b0d84b7f624d6e1e96430d6d1 650 636 2013-01-16T14:12:18Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li><a href="#">Hopla</a></li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h2>Système de news</h2> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2>Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2>Gestion du calendrier</h2> Aide concernant le [[Spécial:Calendrier | Calendrier]]. <p>En cliquant sur une sous-tache, accédez a sa description.</p> <p>A completer.</p> 1853e2243cf628f117de553a5db68a8d4be45c80 651 650 2013-01-16T14:13:36Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[#news | News ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> <h2 id="news">Système de news</h2> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2>Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2>Gestion du calendrier</h2> Aide concernant le [[Spécial:Calendrier | Calendrier]]. <p>En cliquant sur une sous-tache, accédez a sa description.</p> <p>A completer.</p> b747c9b9a3a14ec5100bad0e7bcc80d2b09458af 652 651 2013-01-16T14:14:44Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[#News | News ]]</li> <li>[[#Docs| Documents ]]</li> <li>[[#Calendrier | Calendrier ]]</li> </ul> <h2 id="News">Système de news</h2> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2 id="Docs">Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2 id="Calendrier">Gestion du calendrier</h2> Aide concernant le [[Spécial:Calendrier | Calendrier]]. <p>En cliquant sur une sous-tache, accédez a sa description.</p> <p>A completer.</p> e3be509e437f7c94b8bcf2656f3e905e8aa8ee79 MediaWiki:Common.css 8 3 606 588 2012-12-18T13:51:01Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 0150efc8fa5dc7f24796d7baf23f6842a0ebd559 607 606 2012-12-18T15:41:15Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { display:inline-block; border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 7db0265701aac41f3fb4a2f97f1f852ef5e5fa3d 608 607 2012-12-18T15:41:54Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 0150efc8fa5dc7f24796d7baf23f6842a0ebd559 609 608 2012-12-18T15:51:18Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue90 { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue90 .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 19c6c1f5f930c2b5d0f3fe3261a18470bd82d40b 610 609 2012-12-18T15:52:02Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #blue90 .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } d50e6040a9e34fd65693b963003c7bac7a0109e9 611 610 2012-12-18T15:53:40Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } .blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 54e1c23b371ec6230a3755d4dd15fab71b192a56 612 611 2012-12-18T16:00:41Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } table#tasks td .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks td.blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } dddb4b47f8bc469a82c40d5b0ad94e376535ce5b 613 612 2012-12-18T16:02:15Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } #tasks td .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } #tasks td .blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 84f06bb12316080cbbe363cd8436989952761cd4 614 613 2012-12-18T16:03:11Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } #red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } #red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } #yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } #yellow .cache { display: block; text-align: center; } #purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } edde334699494f8de7de2f203b58454f90d45cf2 615 614 2012-12-18T16:05:45Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } d71f26a989e9e49a0e3694fed387a999658c8aa2 616 615 2012-12-18T19:49:07Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(extensions/Calendrier/Ima/test.png); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image: url(test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 22b77cc8803993a6987211b44f69549833524026 617 616 2012-12-18T19:50:40Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image:url(extensions/Calendrier/Ima/test.png); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 6552e62ccb978671c4ed1ef980a94290fcad36e7 618 617 2012-12-18T19:54:25Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.png') no-repeat 190px center #666; padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 3403db705c7e0f2951b1a574d688dee12d308c48 619 618 2012-12-18T19:55:19Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 0dda8d5394b6aa1abc5a38ee32150a37b8832444 632 619 2012-12-18T20:57:35Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:block; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } c5b2a0f761977af7ba259f3c4b52a5f03b256092 633 632 2012-12-18T20:59:00Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; margin-left: 10px; } 0dda8d5394b6aa1abc5a38ee32150a37b8832444 635 633 2012-12-28T15:42:49Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } 35fd94866b064b2e066626d356cb9ce26d599cd0 640 635 2013-01-14T14:15:18Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited { color:0; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } 4c2cde8554a5fdc4cb791caae6e7f99989559330 641 640 2013-01-14T14:17:29Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited { color:none; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } 88cb6261a856fad292c8aa316a1aec2abb94a298 642 641 2013-01-14T14:22:49Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited all { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } 88d10bd4fc55fabaffb148f42f65529da08b8469 643 642 2013-01-14T14:23:22Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } 1fadd617679ab41f5149bf65ac6a166882cd1a0f 644 643 2013-01-14T14:28:06Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } 85ed75929cf77c99feb494448ee89f4b3dd30da5 645 644 2013-01-16T10:36:43Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:40%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } 5be865c7c7ff599da8e282d71a6802258762e203 646 645 2013-01-16T13:21:12Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:40%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } f5b9067e55c7ae9dc88dd472cf86a47864ed4bce 647 646 2013-01-16T13:58:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:40%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 3c2a6aa3cc4e87aa4781a541f235fe829fa06c4a 648 647 2013-01-16T14:00:07Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(extensions/Calendrier/Ima/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:40%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 8774fbbc6903dc6bf38a0974f811a723f70ad769 649 648 2013-01-16T14:02:18Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:40%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } a82bae520758cd638b4bae0ec12d8c782fc079c1 MediaWiki:Sidebar 8 2 637 559 2013-01-13T11:07:52Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires #comment | ** Test | mon Test #comment | ** Special:MyExtension | MyExtension ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** Special:Publis | News #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage ** helppage|help #comment | * SEARCH #comment | * TOOLBOX #comment | * LANGUAGES 4c5f371afd903f679934d2813f948052df592a6d 638 637 2013-01-13T11:09:21Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** helppage|help #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage #comment | * SEARCH #comment | * TOOLBOX #comment | * LANGUAGES 0c5698d2464efe498e0dfe18d8c6f219ac22d1c7 639 638 2013-01-13T11:10:04Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** helppage|help #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage * SEARCH * TOOLBOX * LANGUAGES 2e04954462acf6b5bb1a051e80c5d2512708a0ba Aide:News 12 21 653 2013-01-16T14:17:17Z Pgancarski 1 Page créée avec « WESH » wikitext text/x-wiki WESH 232d45ad98a78a53c77da169d7fdc55f85286778 Aide:Docs 12 22 654 2013-01-16T14:17:28Z Pgancarski 1 Page créée avec « WESH » wikitext text/x-wiki WESH 232d45ad98a78a53c77da169d7fdc55f85286778 Aide:Calendrier 12 23 655 2013-01-16T14:17:47Z Pgancarski 1 Page créée avec « WESH » wikitext text/x-wiki WESH 232d45ad98a78a53c77da169d7fdc55f85286778 660 655 2013-01-16T14:19:54Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h2>Gestion du calendrier</h2> Aide concernant le [[Spécial:Calendrier | Calendrier]]. <p>En cliquant sur une sous-tache, accédez a sa description.</p> <p>A completer.</p> 62c96a5fb1ce04968b5ffb703b8f32b701e9cab1 666 660 2013-01-16T14:24:43Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> Aide concernant le [[Spécial:Calendrier | Calendrier]]. <p>En cliquant sur une sous-tache, accédez a sa description.</p> <p>A completer.</p> dd86945ff69e4237a9e145d747f8e8d56429ebf4 667 666 2013-01-16T14:31:51Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> Affichage des descriptifs : - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». Affichage et gestion des fichiers d’une sous tache : - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. Une fois le menu ouvert : Gestion des fichiers : - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». Modification de la date de fin : - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. Exportation des fichiers : - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». Partie responsable : - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. 69162da176a2c02bc52f12952d2d26e76f674f7d 668 667 2013-01-16T14:36:01Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> <p>Affichage des descriptifs :</p> <ul> <li>Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»).</li> <li>L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche»</li> <li>Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité./li> <li>Affichage de tous les responsables, il faut cliquer sur la case «Responsables».</li> </ul> <p>Affichage et gestion des fichiers d’une sous tache :</li> <ul> <li>Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré.</li> Une fois le menu ouvert : Gestion des fichiers : - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». Modification de la date de fin : - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. Exportation des fichiers : - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». Partie responsable : - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. 5d0dd276c8b68933f58cfa329210a893567cfa62 669 668 2013-01-16T14:37:09Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> <div id="pres_content"> <p>Affichage des descriptifs :</p> <ul> <li>Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»).</li> <li>L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche»</li> <li>Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité./li> <li>Affichage de tous les responsables, il faut cliquer sur la case «Responsables».</li> </ul> <p>Affichage et gestion des fichiers d’une sous tache :</li> <ul> <li>Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré.</li> Une fois le menu ouvert : Gestion des fichiers : - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». Modification de la date de fin : - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. Exportation des fichiers : - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». Partie responsable : - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. </div> 2f6e7b372b8feb70e338a6a6a71d8b3a6ad14534 670 669 2013-01-16T14:42:35Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> Guide utilisateur du calendrier Affichage des descriptifs : - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». Affichage et gestion des fichiers d’une sous tache : - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. Une fois le menu ouvert : Gestion des fichiers : - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». Modification de la date de fin : - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. Exportation des fichiers : - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». Partie responsable : - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. </div> 1ac5cc99dfff406e82e87e02ecb1d1ca06893463 671 670 2013-01-16T14:46:32Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> <h2>Affichage des descriptifs :</h2> - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». <h2>Affichage et gestion des fichiers d’une sous tache :</h2> - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. <h2>Une fois le menu ouvert :</h2> <h2>Gestion des fichiers :</h2> - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». <h2>Modification de la date de fin :</h2> - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. <h2>Exportation des fichiers :</h2> - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». <h2>Partie responsable :</h2> - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. </div> a8b0ce128c065f0acd77c6dab5088f415e17e1fe 672 671 2013-01-16T14:47:31Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion du calendrier</h1> <h2>Affichage des descriptifs :</h2> - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». <h2>Affichage et gestion des fichiers d’une sous tache :</h2> - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. <h3>Une fois le menu ouvert :</h3> <h3>Gestion des fichiers :</h3> - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». <h3>Modification de la date de fin :</h3> - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. <h2>Exportation des fichiers :</h2> - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». <h2>Partie responsable :</h2> - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. </div> dc2349b6a0b3905023a95d096efd75c2b8dbb22e 673 672 2013-01-16T14:56:45Z Agf 7 < wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 style="color:blue;text-align:center; font-weight:bold; border-bottom:none;">Gestion du calendrier</h1> <h2 style="color:blue;border-bottom:none;">Affichage des descriptifs :</h2> - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». <h2 style="color:blue;border-bottom:none;">Affichage et gestion des fichiers d’une sous tache :</h2> - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. <h3 style="color:blue;margin-left:70px;">Une fois le menu ouvert :</h3> <h3 style="color:blue;margin-left:90px;">Gestion des fichiers :</h3> <br/> - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». <br/> <h3 style="color:blue;margin-left:70px;">Modification de la date de fin :</h3> <br/> - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. <h2 style="color:blue;border-bottom:none;">Exportation des fichiers :</h2> - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». <h2 style="color:blue;border-bottom:none;">Partie responsable :</h2> - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. f20603903f2cb243f8f27270de966b5bdd1b7601 676 673 2013-01-16T15:02:32Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 style="color:pink;text-align:center; font-weight:bold; border-bottom:none;">Gestion du calendrier</h1> <h2 style="color:pink;border-bottom:none;">Affichage des descriptifs :</h2> - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». <h2 style="color:pink;border-bottom:none;">Affichage et gestion des fichiers d’une sous tache :</h2> - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. <h3 style="color:pink;margin-left:70px;">Une fois le menu ouvert :</h3> <h3 style="color:pink;margin-left:90px;">Gestion des fichiers :</h3> <br/> - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». <br/> <h3 style="color:pink;margin-left:70px;">Modification de la date de fin :</h3> <br/> - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. <h2 style="color:pink;border-bottom:none;">Exportation des fichiers :</h2> - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». <h2 style="color:pink;border-bottom:none;">Partie responsable :</h2> - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. 29d5991d84e5a27cc7efba4e8c08efdb0f971ee5 677 676 2013-01-16T15:03:28Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 style="color:black;text-align:center; font-weight:bold; border-bottom:none;">Gestion du calendrier</h1> <h2 style="color:black;border-bottom:none;">Affichage des descriptifs :</h2> - Affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». <h2 style="color:black;border-bottom:none;">Affichage et gestion des fichiers d’une sous tache :</h2> - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. <h3 style="color:black;margin-left:70px;">Une fois le menu ouvert :</h3> <h3 style="color:black;margin-left:90px;">Gestion des fichiers :</h3> <br/> - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». <br/> <h3 style="color:black;margin-left:70px;">Modification de la date de fin :</h3> <br/> - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. <h2 style="color:black;border-bottom:none;">Exportation des fichiers :</h2> - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». <h2 style="color:black;border-bottom:none;">Partie responsable :</h2> - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. ad7ccbad6c3d31a53c8b0b396bd8c569b6e47050 695 677 2013-01-16T15:56:01Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 style="color:black;text-align:center; font-weight:bold; border-bottom:none;">Gestion du calendrier</h1> <h2 style="color:black;border-bottom:none;">Affichage des descriptifs :</h2> - Pour l'affichage du descriptif d’une sous tache il faut de cliquer sur le numéro de la tache (par exemple cliquer sur la case «0»). - L’affichage du descriptif de toutes les taches il faut cliquer sur la case «Tâche/Sous-tâche» - Affichage d’un responsable dirigeant une sous tache, vous devez cliquer sur la case grisé sur la ligne de la sous tache souhaité. - Affichage de tous les responsables, il faut cliquer sur la case «Responsables». <h2 style="color:black;border-bottom:none;">Affichage et gestion des fichiers d’une sous tache :</h2> - Pour accéder au menu permettant de gérer les fichiers liés à une sous tache ou à un rapport, vous devez cliquer sur la case correspondant à la sous tache ou rapport désiré. <h3 style="color:black;margin-left:70px;">Une fois le menu ouvert :</h3> <h3 style="color:black;margin-left:90px;">Gestion des fichiers :</h3> <br/> - Pour ajouter un fichier principal dans un sous livrable ou un fichier simple dans un rapport vous devez cliquer sur le bouton «Choose file »permettant de choisir le fichier que vous souhaiter envoyer et vous appuyez sur le bouton «Envoyer» pour valider l’envoyer. - Si un fichier principal est déjà présent dans un sous livrable vous pouvez le changer en cliquant sur le bouton «Modifier» permettant faisant apparaître le bouton « Choose file» permettant de choisir le nouveau fichier et «Envoyer » permettant de remplacer le fichier courant par le nouveau. - Si un fichier est déjà présent dans un rapport vous pouvez le supprimer en cliquant sur le bouton «supprimer». <br/> <h3 style="color:black;margin-left:70px;">Modification de la date de fin :</h3> <br/> - Pour accéder à la modification de la date de fin d’une sous tache vous devez cliquer sur le bouton « modifier la date de fin ». Pour maintenant modifier la fin d’une sous tache vous devez rentrer une nouvelle date sous le format « dd/mm/yyyy » et cliquer sur le bouton « modifier » pour valider la modification. Attention cette nouvelle date ne peut se trouver que entre la date de départ actuel de la sous tache et avant le trimestre de la sous tache suivante s’il y en a une. <h2 style="color:black;border-bottom:none;">Exportation des fichiers :</h2> - Pour exporter tous les fichiers liés à une sous tache vous devez cliquer sur la case pour voir le descriptif de la tache puis cliquer sur le bouton « Exporter tous les documents et livrables de cette tache ». - Pour exporter que les fichiers liés à un livrable vous cliquer sur la case du livrable que vous souhaité et cliquer sur le bouton « Exporter le livrable et ses fichiers liés ». <h2 style="color:black;border-bottom:none;">Partie responsable :</h2> - Si vous n’avez pas encore confirmer le livrable vous avez un bouton « confirmer » permettant sa validation. Quand un livrable est validé par tous ses responsables, il sera bloqué (case du livrable de couleur grise). Si vous avez confirmé un livrable et les autres responsables ne l’on pas fait vous verrez apparaître la phrase « Vous avez validé ce livrable ». A chaque modification du fichier principal tous les responsables devront de nouveau le valider. c16ee36eaf5becb686518a2089cdf1cd5a92083f Aide:Accueil 12 13 656 652 2013-01-16T14:18:26Z Pgancarski 1 Page blanchie wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Aide:Docs 12 22 657 654 2013-01-16T14:19:02Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h2 id="Docs">Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 37b34d870e7d205299dbdb9a787d6322faa4075b 659 657 2013-01-16T14:19:34Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h2>Gestion des documents</h2> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 9fb5b17bb70fa7e1ff5a9d4728b8560439479c73 665 659 2013-01-16T14:24:28Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion des documents</h1> Aide concernant les [[Spécial:Docs | Documents]]. <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> 8596142175deeaa5e1b382a195c292d327312f02 685 665 2013-01-16T15:25:52Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion des documents</h1> Aide concernant les [[Spécial:Docs | Documents]]. <h2 style="border:none">Description du système</h2> <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajouter un dossier :</strong>En haut de la page Documents, remplissez le champ avec le nom du dossier à créer et choisissez s'il doit être privé ou publique en cochant la case concernée. Le dossier est ajouté comme sous-dossier du dossier depuis lequel vous avez créer celui ci.</p> <p><strong>Ajouter un fichier :</strong></p> 64c0c1dddbaa463982fe1a15aa07d24aa92f037c 687 685 2013-01-16T15:36:24Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion des documents</h1> Aide concernant les [[Spécial:Docs | Documents]]. <h2 style="border:none">Description du système</h2> <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajouter un dossier :</strong> En haut de la page Documents, remplissez le champ avec le nom du dossier à créer et choisissez s'il doit être privé ou publique en cochant la case concernée. Le dossier est ajouté comme sous-dossier du dossier depuis lequel vous avez créer celui ci.</p> <p><strong>Ajouter un fichier :</strong> Pour ajouter un fichier dans le dossier ou vous vous trouver, cliquez sur le bouton en bas de page. Il sera considéré comme publique s'il se trouve dans un dossier publique et privé s'il se trouve dans un dossier privé.</p> <p><strong>Télécharger un fichier :</strong> Il suffit de cliquer sur la première icone à droite du nom du fichier.</p> <p><strong>Lier un fichier à une publication :</strong> Cliquez sur la troisième (et dernière) icone à droite du nom du fichier. Copiez la ligne proposée et collez la dans la publication concernée.</p> <p><strong>Lier un fichier à un livrable du calendrier :</strong> Cliquez sur la troisième (et dernière) icone à droite du nom du fichier. Choisissez dans la liste déroulante le livrable concerné et validez.</p> cce00b2930ac2b29b4c23ac67df51e4fc00a3ef4 688 687 2013-01-16T15:38:00Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Gestion des documents</h1> Aide concernant les [[Spécial:Docs | Documents]]. <h2 style="border:none">Description du système</h2> <p>Vous pouvez gérer l'arborescence de répertoires et de fichier.</p> <p>Un répertoire est sois privé, soit publique, et un dossier privé ne peux pas contenir de dossier publique.</p> <p>La racine est publique.</p> <p>Un fichier placé dans un répertoire publique est considéré comme publique.</p> <p>Vous pouvez lier un fichier à une publication ou a un livrable en cliquant sur l'icone associé a cette action a côté de chaque fichier.</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajouter un dossier :</strong> En haut de la page Documents, remplissez le champ avec le nom du dossier à créer et choisissez s'il doit être privé ou publique en cochant la case concernée. Le dossier est ajouté comme sous-dossier du dossier depuis lequel vous avez créer celui ci.</p> <p><strong>Supprimer un dossier :</strong> Cliquez sur l'icone représentant un "X" rouge à droite du dossier concerné. Une confirmation vous sera demandée. Attention, vous ne pouvez supprimer un dossier que s'il est vide.</p> <p><strong>Ajouter un fichier :</strong> Pour ajouter un fichier dans le dossier ou vous vous trouver, cliquez sur le bouton en bas de page. Il sera considéré comme publique s'il se trouve dans un dossier publique et privé s'il se trouve dans un dossier privé.</p> <p><strong>Télécharger un fichier :</strong> Il suffit de cliquer sur la première icone à droite du nom du fichier.</p> <p><strong>Supprimer un fichier :</strong> Cliquez sur l'icone représentant un "X" rouge à droite du fichier concerné. Une confirmation vous sera demandée.</p> <p><strong>Lier un fichier à une publication :</strong> Cliquez sur la troisième (et dernière) icone à droite du nom du fichier. Copiez la ligne proposée et collez la dans la publication concernée.</p> <p><strong>Lier un fichier à un livrable du calendrier :</strong> Cliquez sur la troisième (et dernière) icone à droite du nom du fichier. Choisissez dans la liste déroulante le livrable concerné et validez.</p> e0160c389c7faa41e85c3b014dd3821634d86cc6 Aide:News 12 21 658 653 2013-01-16T14:19:19Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h2>Système de news</h2> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> f8785b28d36bfb61ee1ff6bd4c5defb5a0d36477 663 658 2013-01-16T14:23:58Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h2 class="lhl">Système de news</h2> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> fa3fbdd51fe6369bccb43b8f3fd86fdb822b21a9 664 663 2013-01-16T14:24:07Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> a36752e994ebbebcbd3665063a76f221df0d4823 674 664 2013-01-16T14:58:26Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2>Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2>Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [ 984615452450ae6e01b3b9963f1ec0f10b26623a 675 674 2013-01-16T15:02:27Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2>Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [ bf2bb994d7a9810e8e2af3b5267b9f215ba43947 679 675 2013-01-16T15:05:43Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>Une news publique est visible par tout les visiteurs (y compris ceux déconnectés)</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajout ici]), un formulaire vous propose de choisir entre Public et Privé, vous n'avez plus qu'à remplir le contenu et valider.</p> adf76908fb8ac799768cc3a3d6cccd8d4012232a 682 679 2013-01-16T15:17:59Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>Une news publique est visible par tout les visiteurs (y compris ceux déconnectés)</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajout ici]), un formulaire vous propose de choisir entre Public et Privé, vous n'avez plus qu'à remplir le contenu et valider.</p> <p><strong>Modifier :</strong> Seul l'auteur d'une news peut la modifier. Pour cela, cliquer sur le bouton "Modifier" qui se trouve a côté e la date et l'auteur d'une news.</p> 185bc65c3b15e5efb0d9c81d463dc6274a64fd10 683 682 2013-01-16T15:18:29Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>Une news publique est visible par tout les visiteurs (y compris ceux déconnectés)</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajout ici]), un formulaire vous propose de choisir entre Public et Privé, vous n'avez plus qu'à remplir le contenu et valider.</p> <p><strong>Modifier :</strong> Seul l'auteur d'une news peut la modifier. Pour cela, cliquer sur le bouton "Modifier" qui se trouve a côté e la date et l'auteur d'une news.</p> <h2 style="border:none">Comment l'utiliser</h2> <h2 style="border:none">Comment l'utiliser</h2> <h2 style="border:none">Comment l'utiliser</h2> 4997cfb75ca250898f2561267bbead987f8b3b54 684 683 2013-01-16T15:20:48Z Pgancarski 1 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>Une news publique est visible par tout les visiteurs (y compris ceux déconnectés)</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajout ici]), un formulaire vous propose de choisir entre Public et Privé, vous n'avez plus qu'à remplir le contenu et valider.</p> <p><strong>Modifier :</strong> Seul l'auteur d'une news peut la modifier. Pour cela, cliquer sur le bouton "Modifier" qui se trouve a côté e la date et l'auteur d'une news.</p> <p><strong>Commenter :</strong> Après avoir cliquer sur le nom d'une news ou sur le lien "(x) commentaires", vous accédez sur la news avec les commentaires en bas. Utilisez le formulaire au dessus des commentaires déjà présents. </p> cef7b5c4afd3f705f9b05225a68f18093196cb03 686 684 2013-01-16T15:35:15Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>Une news publique est visible par tout les visiteurs (y compris ceux déconnectés)contrairement aux news privées qui sont juste visible par les personnes connectés</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=aide aide à la mise en page d'une news].</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajout ici]), un formulaire vous propose de choisir entre Public et Privé, vous n'avez plus qu'à remplir le contenu et valider.</p> <p><strong>Modifier :</strong> Seul l'auteur d'une news peut la modifier. Pour cela, cliquer sur le bouton "Modifier" qui se trouve a côté e la date et l'auteur d'une news.</p> <p><strong>Commenter :</strong> Après avoir cliquer sur le nom d'une news ou sur le lien "(x) commentaires", vous accédez sur la news avec les commentaires en bas. Utilisez le formulaire au dessus des commentaires déjà présents. </p> 00fa82500705d6943e7dd772fb74ab43ed557a20 MediaWiki:Sidebar 8 2 661 639 2013-01-16T14:20:20Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** helppage|help #comment | ** portal-url|portal #comment | ** currentevents-url|currentevents #comment | ** recentchanges-url|recentchanges #comment | ** randompage-url|randompage d68af2061d92e5fa366c672b99a028fae293aec3 678 661 2013-01-16T15:04:56Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** helppage|help ce0f520e14948c292230a86248ea6aa5b8ecda92 680 678 2013-01-16T15:09:06Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** helppage|help *Test ** Test | Hop 5ceb162ef1e1eccbf3c13c415d8d3a3372879f25 681 680 2013-01-16T15:09:50Z Pgancarski 1 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** helppage|help ce0f520e14948c292230a86248ea6aa5b8ecda92 MediaWiki:Helppage 8 24 662 2013-01-16T14:20:42Z Pgancarski 1 Page créée avec « Help:News » wikitext text/x-wiki Help:News ad1f0eb7ee882007bfc927408b2e310057d185ed MediaWiki:Common.css 8 3 689 649 2013-01-16T15:42:15Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:40%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 97b0a920be68f0beb3e2564b93560e5f0e70bd33 690 689 2013-01-16T15:45:40Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } fa9971bc71df2f1db82adef4121e6b033fcd4568 691 690 2013-01-16T15:46:37Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #5B87D3; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; background:#DDD; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } ea19ea260c5abe50ff22cb3a60db96f75fbd02a5 692 691 2013-01-16T15:47:07Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 15px; padding-top:10px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; background:#DDD; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } fd0dc7fff38c97df51aa09863ef9d41444c48cb3 693 692 2013-01-16T15:48:49Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 5px; padding:2px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 3px black; background:#DDD; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 9ea1e7aee165b9878b9454877dbf5cccb42e5e15 694 693 2013-01-16T15:49:51Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 5px; padding:2px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 5139128e87e11548b15d63812a22aeb3a3557fa8 696 694 2013-01-16T15:57:34Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 5px; padding:2px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } .sect a { color:black; display:block; width:100%; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 38621ad6368a2392d876d277f8e363c93177fcc6 697 696 2013-01-16T15:58:22Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 5px; padding:2px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect a { color:black; display:block; width:100%; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } cc9a032f368346d5c834ec2b060c7849692fe31c 698 697 2013-01-16T15:59:14Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 5px; padding:2px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect:hover { background:#CCC; } #apercuLiv .sect a { color:black; display:block; width:100%; text-underline:none; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 9be4cc216116aac12423c314c01e19bffb6ea424 699 698 2013-01-16T15:59:47Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 5px; padding:2px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect:hover { background:#BBB; } #apercuLiv .sect a { color:black; display:block; width:100%; text-decoration:none; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } f1d41bb71c44ab5bf21911b62909c21f7fffdbcb 700 699 2013-01-16T16:00:41Z Pgancarski 1 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { display:none; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 8px; padding:4px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect:hover { background:#BBB; } #apercuLiv .sect a { color:black; display:block; width:100%; text-decoration:none; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 3d0ac759d983abd0d00be3b5589b023cb2f7d8f8 701 700 2013-01-17T09:37:58Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { /* display:none;*/ } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis form#art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 8px; padding:4px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect:hover { background:#BBB; } #apercuLiv .sect a { color:black; display:block; width:100%; text-decoration:none; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } 6bd799a94e45c20c0fa97644945575269e7ca61d 702 701 2013-01-17T10:09:00Z Agf 7 css text/css /* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { /* display:none;*/ } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis #art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 8px; padding:4px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect:hover { background:#BBB; } #apercuLiv .sect a { color:black; display:block; width:100%; text-decoration:none; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; } c86e9f8a9b1e9338ff17b758f5f96c564f53a553 Administration 0 25 703 2013-01-17T10:31:43Z Agf 7 Page créée avec « Page pour l administration » wikitext text/x-wiki Page pour l administration 3e0499bc75f321b327ef8e2e89417bf5d7d78d06 704 703 2013-01-17T10:33:59Z Agf 7 wikitext text/x-wiki Page pour l administration [[Special:Permissions | Gestion des groupe et des utilisateur]] 9a251a2d2cb5491d0baf190486ee82a7585c2304 Administration 0 25 705 704 2013-01-17T10:36:49Z Agf 7 wikitext text/x-wiki Page pour l administration [[Special:Permissions | Gestion des groupe et des utilisateur]] [[Special:Liste_des_droits_de_groupe | Lister les droits et les groupes des utilisateurs]] [[Special:Liste_des_utilisateurs]] 01548b502292797aa7560c866ac28c0ba7cb2bd5 706 705 2013-01-17T10:38:17Z Agf 7 wikitext text/x-wiki Page pour l administration [[Special:Permissions | Gestion des groupe et des utilisateur]] [[Special:Liste_des_droits_de_groupe | Lister les droits et les groupes des utilisateurs]] [[Special:Liste_des_utilisateurs | Liste des utilisateurs]] [[Special:Connexion | Creer un nouveau compte ]] a5ee8e02ad53ca6bc1472568c38b0784dc57ee95 707 706 2013-01-17T10:39:10Z Agf 7 wikitext text/x-wiki [[Special:Permissions | Gestion des groupe et des utilisateur]] [[Special:Liste_des_droits_de_groupe | Lister les droits et les groupes des utilisateurs]] [[Special:Liste_des_utilisateurs | Liste des utilisateurs]] [[Special:Connexion | Creer un nouveau compte ]] 3c712e8204ac8a010de1aec94e86085ac078987c 708 707 2013-01-17T10:39:23Z Agf 7 wikitext text/x-wiki [[Special:Permissions | Gestion des groupe et des utilisateur]] [[Special:Liste_des_droits_de_groupe | Lister les droits et les groupes des utilisateurs]] [[Special:Liste_des_utilisateurs | Liste des utilisateurs]] [[Special:Connexion | Creer un nouveau compte ]] 657cb3094bd6c6c0793052b80ab6b134a807de27 711 708 2013-01-17T10:49:59Z Agf 7 wikitext text/x-wiki [[Special:Permissions | Gestion des groupes et des utilisateur]] [[Special:Liste_des_droits_de_groupe | Lister les droits et les groupes des utilisateurs]] [[Special:Liste_des_utilisateurs | Liste des utilisateurs]] [[Special:Connexion | Créer un nouveau compte ]] d1be2a0b328a0dca227b550f31ecebaa132a8fdf 712 711 2013-02-13T13:56:48Z Agf 7 wikitext text/x-wiki [[Sp%C3%A9cial:R%C3%A9initialisation_du_mot_de_passe | Modifier son mot de passe ]] [[Special:Permissions | Gestion des groupes et des utilisateur]] [[Special:Liste_des_droits_de_groupe | Lister les droits et les groupes des utilisateurs]] [[Special:Liste_des_utilisateurs | Liste des utilisateurs]] [[Special:Connexion | Créer un nouveau compte ]] 6d44a9018953ea99a7c5d0b01b697ccbb3040fdb Aide:News 12 21 709 686 2013-01-17T10:39:49Z Agf 7 wikitext text/x-wiki <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] --> <ul class="content-nav"> <li>[[Aide:News | News ]]</li> <li>[[Aide:Docs| Documents ]]</li> <li>[[Aide:Calendrier | Calendrier ]]</li> </ul> <h1 class="lhl">Système de news</h1> Aide concernant les [[Spécial:Publis | News]]. <h2 style="border:none">Description du système</h2> <p>Une news est un article qui peux être privé ou publique.</p> <p>Une news publique est visible par tout les visiteurs (y compris ceux déconnectés)contrairement aux news privées qui sont juste visible par les personnes connectés</p> <p>On peux y mettre du texte, des images ou encore des liens en suivant la procédure de l'[http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajoutaide à la mise en page d'une news] qui se trouve dans la page d'ajout et d'édition d'une news.</p> <h2 style="border:none">Comment l'utiliser</h2> <p><strong>Ajout :</strong> En cliquant sur le lien prévu à cet effet (ou [http://{{SERVERNAME}}{{SCRIPTPATH}}/index.php/Spécial:Publis?act=ajout ici]), un formulaire vous propose de choisir entre Public et Privé, vous n'avez plus qu'à remplir le contenu et valider.</p> <p><strong>Modifier :</strong> Seul l'auteur d'une news peut la modifier. Pour cela, cliquer sur le bouton "Modifier" qui se trouve a côté e la date et l'auteur d'une news.</p> <p><strong>Commenter :</strong> Après avoir cliquer sur le nom d'une news ou sur le lien "(x) commentaires", vous accédez sur la news avec les commentaires en bas. Utilisez le formulaire au dessus des commentaires déjà présents. </p> 430085023646b92572c26b71759501692339a9e5 MediaWiki:Sidebar 8 2 710 681 2013-01-17T10:42:01Z Agf 7 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** Coclico | Présentation ** Partenaires | Partenaires ** Special:Publis | News ** Special:Calendrier | Calendrier ** Spécial:Docs | Documents ** Administration | Administration ** helppage|help da80b0f06b6594f96cd4dd536bc4bad0b7d5a9b3 Coclico 0 6 713 603 2013-04-22T14:45:45Z Pgancarski 1 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> --> <h1 class="lhl">Présentation générale</h1> <div id="pres_content"> <p> La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. </p> <p> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. </p> <p> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. </p> <p> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. </p> <p id="presentationCoc" class="encadre"> <!-- Presentation du projet coquelicot en soit --> Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. </p> </div> 9f9f805444f4abd76afe42047f0b6ce73e75a041 714 713 2013-04-22T14:47:33Z Pgancarski 1 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> --> = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. c16560accc3522800f95e5b5e859e753b9438b6f 715 714 2013-04-22T14:48:35Z Pgancarski 1 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] [[Partenaires|Les partenaires]] <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> --> = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. 853b15d85f3551d30cf78ec4d4ae04daf7a18a04 716 715 2013-04-22T14:48:52Z Pgancarski 1 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> --> [[Partenaires|Les partenaires]] = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. ae6d0b1b00f00dbc809972b9fa5f584efd05b368 717 716 2013-04-22T14:49:13Z Pgancarski 1 wikitext text/x-wiki <div id="lg_choice">[[Coclico| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/fr_flag.png" alt="fr" /> ]] [[Presentation| <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/en_flag.png" alt="fr" /> ]]</div> <!-- Pour les liens, on utilise la syntaxe de mediawiki --> <!-- [url Description du lien ] <ul class="content-nav"> <li>[[Coclico| Présentation générale ]]</li> <li>[[Domaine | Domaines D'applications ]]</li> <li>[[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]]</li> <li>[[Programme | Programme scientifique et structuration du projet ]]</li> </ul> --> [[Partenaires|Les partenaires]] = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. cc4714e05175b50b9594f3581477e586aeb615da 718 717 2013-04-22T14:50:47Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. 3fb642a7bd34aab537dfb092fc28c1df475b75e3 Domaine 0 7 719 432 2013-04-22T14:53:10Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]]</li> = Deux domaines d'applications privilégiés = Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. == Analyse des formes urbaines et de leurs dynamiques == L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. === Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation === Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. <br /> ''' Pour les deux domaines d’application''', nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. f909e88da6421723c8dbf14125c97c050cdf3057 720 719 2013-04-22T14:53:32Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]]</li> = Deux domaines d'applications privilégiés = Les contributions théoriques et algorithmiques en fouille de données se sont toujours nourries des grands domaines d’application. Nous pensons que la confrontation de méthodes et de concepts génériques en fouille de données avec les besoins exprimés pour l’étude des dynamiques spatiales et temporelles des formes urbaines d’une part, et de la biodiversité en région de colonisation agricole d’autre part, pourra avoir un impact important, tant pour les spécialistes de ces processus, que pour l’ensemble des scientifiques et industriels devant « extraire du sens » à partir de grands volumes de données. Dans le cadre de ce projet, nous nous focaliserons sur ces deux domaines pour lesquels les laboratoires strasbourgeois et montpelliérain participants disposent déjà de nombreuses données (décrites en annexe) ainsi qu’une forte expertise de terrain. == Analyse des formes urbaines et de leurs dynamiques == L’amélioration des connaissances sur les formes et les dynamiques urbaines constitue un véritable enjeu de recherche, mais également une nécessité pour répondre à la demande d'évaluation et de suivi de l'artificialisation et de l'urbanisation, de la consommation d'espaces agricoles, forestiers, etc. Il apparaît également que les analyses opérationnelles de type diagnostic prospectif des formes urbaines doivent maîtriser les processus de croissance du tissu urbain et de l'évolution de ses formes. Dans ce domaine, les bases de données vectorielles (par exemple, la BDTopo® de l’IGN) constituent une ressource de référence depuis le début des années 80 car elles donnent une information sur la géométrie et la topologie des objets géographiques. Ce type de données permet donc d’analyser les formes urbaines à différentes échelles (du bâtiment à la tache urbaine) et d’extraire des informations utiles pour comprendre leurs dynamiques. Toutefois, elles restent spectralement et spatialement incomplètes par rapport à la diversité des types d'occupation du sol (les espaces ouverts, les éléments arborés de petites superficies, etc.) ne permettant pas de saisir la richesse et la complexité du milieu urbain. Elles sont également insuffisamment mise à jour (actuellement tous les 5 ans pour les grandes agglomérations) et leur disponibilité, notamment au travers des mises à jour, est aussi soumise à d’importantes variations. Pour pallier ces deux manques (richesse et disponibilité), les analyses doivent s’effectuer à partir de toutes les informations spatiales disponibles provenant de sources variées. Ainsi, les photographies aériennes donnent une vision objective (sans interprétation) des territoires à partir des années 30/50 alors que les images satellites permettent d’obtenir une information sur le comportement spectral des objets (le plus souvent du visible à l’infrarouge) depuis le début des années 70. Ces données multisources constituent donc un support essentiel pour établir une connaissance pertinente permettant d’analyser les structures urbaines (et leurs dynamiques) bien qu’elles soient hétérogènes, disponibles à des échelles d'analyse différentes, bruitées et avec parfois des valeurs manquantes. De plus, les volumes à traiter sont de plus en plus importants selon la résolution spatiale et spectrale (par exemple, 26 Go pour une image satellitaire et son modèle numérique de terrain). Afin de tester et valider les approches proposées, les expérimentations seront menées sur l’aire urbaine de Strasbourg (plus de 400 000 habitants). En effet, l’agglomération de Strasbourg est représentative d’une agglomération, dans un contexte de plaine, soumise à l’influence transfrontalière et à une urbanisation continue au cours du dernier siècle avec un étalement urbain qui atteint actuellement la troisième couronne de l'unité urbaine. == Analyse des paysages pour le suivi de la biodiversité dans des zones de déforestation == Nous souhaitons comprendre l’érosion de la biodiversité sur une zone de déforestation. Pour cela, nous adoptons une démarche de suivi des dynamiques spatiales de la biodiversité survenues durant ces 40 dernières années en Amazonie brésilienne, zone dans laquelle ESPACE DEV, partenaire du projet dispose d’une implantation en pied d’antenne satellite à Cayenne. Il est crucial de comprendre précisément quand et où se produisent des changements dans les paysages de cette région, mais aussi de connaître les superficies concernées par ces changements et pourquoi ils interviennent. L’objectif visé est de contribuer à l’évaluation de l’impact de politiques de colonisation sur ces dynamiques. Les données produites à la fois sur les disparités spatiales et sur les rythmes de ces transformations sont un apport qui devrait enrichir les connaissances sur l’évolution de ces régions peu étudiées. En effet, ses changements ont des conséquences importantes sur la biodiversité lors de la mise en culture des terres forestières, qu’il est nécessaire de prendre en compte pour faciliter la prise de décision en aménagement durable du territoire. La première zone d’étude concerne la communauté agricole de Benfica (État du Pará, Brésil), située au cœur de l’arc de déforestation. Les procédés de suivi du territoire et d’estimation des dynamiques de biodiversité seront développés en premier lieu sur cette micro région. Conçues pour être reconductibles dans le temps et l’espace en exploitant des images satellites d’autres régions forestières (images LANDSAT de 120 km x 120 km,) les méthodes développées seront ensuite testées sur un deuxième site. Ce deuxième site situé près de Santarem dans la partie occidentale de l’État du Pará (Brésil), au confluent des fleuves Amazone et Tapajos est beaucoup plus diversifié en terme d’occupation du sol. Alors que la conservation de la forêt devrait représenter 80% des terres conformément aux lois brésiliennes, le déboisement s’est poursuivi et a même augmenté avec l’installation récente d’une zone portuaire qui favorise l’accès aux marchés de la production agricole. Ce site a été choisi car il concentre une grande diversité de situations en lien avec une agriculture familiale et une exploitation industrielle des ressources naturelles. Il est considéré comme particulièrement intéressant pour l’analyse de ses paysages très contrastés combinant : l’hétérogénéité de la fragmentation du massif forestier, la diversité des composants agricoles, la disparité de la maille foncière et la rapidité des changements d’occupation des sols dans l’espace et dans le temps. Il est prévu de valide l’approche à plus grande échelle en l’appliquant sur une partie du bassin de l’Oyapock à la frontière entre la Guyane et le Brésil. <br /> ''' Pour les deux domaines d’application''', nous proposons de fournir au cours de ce projet une étude et le premier prototype d’une ontologie des objets géographiques (formes urbaines ou paysages) à destination des utilisateurs finaux, contenant une définition formelle (1) des composants géographiques (formes urbaines ou paysagères), de leurs relations spatio-temporelles, et (2) des méthodes permettant leur extraction, afin de proposer la catégorisation des objets d’étude selon une échelle de représentation spatiale et temporelle adaptée au suivi des dynamiques spatiales urbaines ou de la biodiversité et permettre ainsi l’enrichissement et le développement de la base de connaissances. De plus, une plate-forme intégrant les méthodes proposées au cours du projet et dédiée aux scientifiques non informaticiens sera développée. Elle s’appuiera sur la plate-forme Mustic actuellement développée par le LSIIT. a2295a86fc7a9e4c61b54701a1f2761a115198be Objectifs 0 8 721 430 2013-04-22T14:55:40Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Objectifs scientifiques et caractère ambitieux/novateur du projet = Le projet COCLICO vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatiotemporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : * Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. * Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. * Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. * L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. * Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. Dans ce contexte, notre projet se fixe l’objectif ambitieux de concevoir une ''' méthode globale ''' répondant au mieux à ces différents défis. Pour cela, nous proposons ''' une approche innovante, basée sur la collaboration entre méthodes ''' d’analyse « classiques » monostratégies, présentant quatre facettes originales (qui seront reprises et développées dans la description des tâches associées) : * Elle sera ''' multistratégie ''' et ''' multi-échelle'''. Classiquement, les méthodes collaboratives se basent sur un seul paradigme d’analyse, généralement soit la classification supervisée, soit la classification non supervisée. Nous proposons d’étendre ces méthodes collaboratives afin d’une part, de pourvoir utiliser conjointement comme méthode monostratégie, toutes types de classification (supervisée ou non, mais aussi active, guidée, semi-supervisée ou autre) et d’autre part, d’autoriser l’utilisation de nouvelles familles d’algorithmes d’analyse telle que des algorithmes de segmentation, ou de rankingpar exemple. L’objectif est d’améliorer la qualité des résultats mais aussi de permettre une analyse multi-échelle des données. * Elle sera ''' incrémentale'''. Lorsque les données sont fournies de façon continue par une multitude de sources, leur prise en compte (intégration) dans le domaine de l’analyste doit être elle même continue : devant la masse des données produites, il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié. Nous proposons d’étudier et mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite (« acquise ») à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens. * Elle sera ''' guidée par la connaissance'''. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’étudier, modéliser et utiliser ses connaissances sur le entités participantes au phénomène étudié, et leur relations mutuelles,indépendamment de leurs représentations dans les données ; de définir leurs représentations possibles dans l’espace des données et de définir les mécanismes, utilisant cette connaissance, nécessaires à leur extraction et de leur reconnaissance. Nous proposons d’étudier et mettre en œuvre une base de connaissance opérable suffisamment formalisée pour que son utilisation dans des traitements informatiques soit directe. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance. * Elle sera ''' guidée par la qualité des données et des connaissances ''' : Alors que la qualité des données et des connaissances du domaine influe fortement sur la qualité des résultats, aucune méthode actuelle ne permet de guider un processus collaboratif en fonction de celle-ci. Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées ainsi que les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie en fonction de celles-ci. L’objectif est de rendre la méthode robuste face au bruit dans les données et aux erreurs de formalisation dans les connaissances du domaine. Par rapport à l’existant qui s’est souvent focalisé sur l’emploi de méthodes classiques de la fouille de données dans un cadre supervisé ou non supervisé, le projet COCLICO attaque le problème de la modélisation de données selon ces quatre axes dont l’étude conjointe nous permettra des avancées significatives sur l’état de l’art de chacune des thématiques développées. Une autre originalité du projet est de tester d’emblée les méthodes sur des différents champs disciplinaires utilisant les mêmes types de sources de données. Ces tests seront aussi effectués comme préparation à une généralisation des techniques développées. 82b1ff0f3622304cc6e167823589f35a3a10db05 722 721 2013-04-22T14:56:21Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Objectifs scientifiques et caractère ambitieux/novateur du projet = Le projet COCLICO vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatiotemporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : * Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. * Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. * Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. * L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. * Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. <br> Dans ce contexte, notre projet se fixe l’objectif ambitieux de concevoir une ''' méthode globale ''' répondant au mieux à ces différents défis. Pour cela, nous proposons ''' une approche innovante, basée sur la collaboration entre méthodes ''' d’analyse « classiques » monostratégies, présentant quatre facettes originales (qui seront reprises et développées dans la description des tâches associées) : * Elle sera ''' multistratégie ''' et ''' multi-échelle'''. Classiquement, les méthodes collaboratives se basent sur un seul paradigme d’analyse, généralement soit la classification supervisée, soit la classification non supervisée. Nous proposons d’étendre ces méthodes collaboratives afin d’une part, de pourvoir utiliser conjointement comme méthode monostratégie, toutes types de classification (supervisée ou non, mais aussi active, guidée, semi-supervisée ou autre) et d’autre part, d’autoriser l’utilisation de nouvelles familles d’algorithmes d’analyse telle que des algorithmes de segmentation, ou de rankingpar exemple. L’objectif est d’améliorer la qualité des résultats mais aussi de permettre une analyse multi-échelle des données. * Elle sera ''' incrémentale'''. Lorsque les données sont fournies de façon continue par une multitude de sources, leur prise en compte (intégration) dans le domaine de l’analyste doit être elle même continue : devant la masse des données produites, il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié. Nous proposons d’étudier et mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite (« acquise ») à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens. * Elle sera ''' guidée par la connaissance'''. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’étudier, modéliser et utiliser ses connaissances sur le entités participantes au phénomène étudié, et leur relations mutuelles,indépendamment de leurs représentations dans les données ; de définir leurs représentations possibles dans l’espace des données et de définir les mécanismes, utilisant cette connaissance, nécessaires à leur extraction et de leur reconnaissance. Nous proposons d’étudier et mettre en œuvre une base de connaissance opérable suffisamment formalisée pour que son utilisation dans des traitements informatiques soit directe. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance. * Elle sera ''' guidée par la qualité des données et des connaissances ''' : Alors que la qualité des données et des connaissances du domaine influe fortement sur la qualité des résultats, aucune méthode actuelle ne permet de guider un processus collaboratif en fonction de celle-ci. Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées ainsi que les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie en fonction de celles-ci. L’objectif est de rendre la méthode robuste face au bruit dans les données et aux erreurs de formalisation dans les connaissances du domaine. <br> Par rapport à l’existant qui s’est souvent focalisé sur l’emploi de méthodes classiques de la fouille de données dans un cadre supervisé ou non supervisé, le projet COCLICO attaque le problème de la modélisation de données selon ces quatre axes dont l’étude conjointe nous permettra des avancées significatives sur l’état de l’art de chacune des thématiques développées. Une autre originalité du projet est de tester d’emblée les méthodes sur des différents champs disciplinaires utilisant les mêmes types de sources de données. Ces tests seront aussi effectués comme préparation à une généralisation des techniques développées. f2287a2a9db54f7982e78e7e08d26125e8175ecb Programme 0 9 723 602 2013-04-22T15:04:55Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]]</li> = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == <br /> <img width="900" src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/programme_tr.gif" alt="programme" /> </div> b244eb6e770649f7ad305ea77d7d73d1c33f7243 724 723 2013-04-22T15:05:21Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == <img width="900" src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/programme_tr.gif" alt="programme" /> 478dfa6787ff436602bde0412ad81beef1243e63 725 724 2013-04-22T15:07:14Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif]] <img width="900" src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/programme_tr.gif" alt="programme" /> 7ac9f7487e408146404f14a3b92c12f5fe2efc32 727 725 2013-04-22T15:09:05Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif|200px]] 0c4c7eef0818745aeb91ee5ff4f25cc84f4979e1 728 727 2013-04-22T15:09:15Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif|800px]] 5d3267157216048d96d50c894504cd416f6524ad 729 728 2013-04-22T15:09:25Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif|1200px]] bc1eb8e1321e2d6a69e70d1dc32c8033681ddf49 733 729 2013-04-22T15:19:56Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif] 29d7b5e4c428b7a97571a42ca06c7bd9c32f17c2 734 733 2013-04-22T15:20:08Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif]] 45dafa8a72a62c70b39dc85770c1b0e3314c0c6b 735 734 2013-04-22T15:20:24Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif|300px]] 10b2719e6fe086fada70a885652213cb56bfc248 736 735 2013-04-22T15:20:36Z Pgancarski 1 /* Structure du projet : */ wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif]] 45dafa8a72a62c70b39dc85770c1b0e3314c0c6b 738 736 2013-04-22T15:21:37Z Pgancarski 1 /* Structure du projet : */ wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Programme scientifique et structuration du projet = La structuration du projet en tâches a été définie suite à un ensemble de réunions de travail avec les spécialistes en géographie, hydrologie et télédétection, principaux utilisateurs finaux, lesquelles ont déjà permis de réaliser un premier recueil de besoins et par la suite, de définir la structure du projet. En synthèse, suite à l’état de l’art et à l’expression de besoins, on procèdera au recueil des données auprès des utilisateurs finaux. Les données seront prétraitées puis analysées et modélisées à l’aide d’algorithmes d’apprentissage collaboratif incrémental guidé par des connaissances. Les résultats seront exploités, testés et validés par les utilisateurs finaux (les scientifiques et thématiciens). == Structure du projet : == [[Fichier:programme_tr.gif|1200px]] bc1eb8e1321e2d6a69e70d1dc32c8033681ddf49 Fichier:Programme tr.gif 6 26 726 2013-04-22T15:08:26Z Pgancarski 1 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 730 726 2013-04-22T15:14:53Z Pgancarski 1 Pgancarski a importé une nouvelle version de « [[Fichier:Programme tr.gif]] » wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 731 730 2013-04-22T15:16:19Z Pgancarski 1 Pgancarski a importé une nouvelle version de « [[Fichier:Programme tr.gif]] » wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 732 731 2013-04-22T15:19:17Z Pgancarski 1 Pgancarski a importé une nouvelle version de « [[Fichier:Programme tr.gif]] » wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 737 732 2013-04-22T15:21:21Z Pgancarski 1 Pgancarski a importé une nouvelle version de « [[Fichier:Programme tr.gif]] » wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:Lipn.png 6 27 739 2013-04-22T15:24:36Z Pgancarski 1 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:Icube.png 6 28 740 2013-04-22T15:24:47Z Pgancarski 1 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:Espacedev.png 6 29 741 2013-04-22T15:24:58Z Pgancarski 1 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:Agroparistech.png 6 30 742 2013-04-22T15:25:15Z Pgancarski 1 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Partenaires 0 11 743 601 2013-04-22T15:26:15Z Pgancarski 1 wikitext text/x-wiki = LSIIT = [[Fichier:lsiit.png]] Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> e6ef0744efc159a53927e02698a551cdc11a211f 744 743 2013-04-22T15:27:31Z Pgancarski 1 wikitext text/x-wiki = LSIIT = [[Fichier:icube.png]] Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> c29f1c00d9f55fe800d844d5a2081be06cda6717 745 744 2013-04-22T15:27:50Z Pgancarski 1 wikitext text/x-wiki = [[Fichier:icube.png|300px]] == Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (LSIIT) est une unité mixte de recherche (UMR 7005) du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. </p> </div> <div class="unpart"> <h2>LIVE</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/live.png" alt="live" />Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans. </p> </div> <div class="unpart"> <h2>LIPN</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/lipn.png" alt="lipn" />Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. </p> </div> <div class="unpart"> <h2>AgroParisTech</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/agroparistech.png" alt="agroParisTech" />L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. </p> </div> <div class="unpart"> <h2>ESPACE DEV</h2> <p> <img src="http://{{SERVERNAME}}/{{SCRIPTPATH}}/../Img/Logos/espacedev.png" alt="espace dev" />ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. </p> </div> </div> 939353773dad8c642eaf6c8bcd2684886de92b36 746 745 2013-04-22T15:30:27Z Pgancarski 1 wikitext text/x-wiki = [[Fichier:icube.png|250px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. = [[Fichier:live.png|250px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans = [[Fichier:lipn.png|250px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. = [[Fichier:agroparistech.png|250px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. = [[Fichier:espacedev.png|250px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. edf2aa1627a6be8d9db8bee91c71b842e3f61540 747 746 2013-04-22T15:31:14Z Pgancarski 1 wikitext text/x-wiki = [[Fichier:icube.png|250px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. = [[Fichier:live.png|250px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans = [[Fichier:Lipn.png|250px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. = [[Fichier:agroparistech.png|250px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. = [[Fichier:espacedev.png|250px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. 6170134110164f539b384133d7f2d8819669c1a8 749 747 2013-04-22T15:32:29Z Pgancarski 1 wikitext text/x-wiki = [[Fichier:icube.png|200px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. <br> = [[Fichier:live.png|200px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans <br> = [[Fichier:Lipn.png|200px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. <br> = [[Fichier:agroparistech.png|200px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. <br> = [[Fichier:espacedev.png|200px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. 64aca756005a0a6177dbdc759991b63420ec4803 750 749 2013-04-22T15:33:05Z Pgancarski 1 wikitext text/x-wiki = [[Fichier:icube.png|150px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. <br> = [[Fichier:live.png|150px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans <br> = [[Fichier:Lipn.png|150px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. <br> = [[Fichier:agroparistech.png|200px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. <br> = [[Fichier:espacedev.png|200px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. fb496338fffa806a3df1ad7a5d81dd4556ef207c 751 750 2013-04-22T15:33:22Z Pgancarski 1 wikitext text/x-wiki = [[Fichier:icube.png|150px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. <br> = [[Fichier:live.png|150px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans <br> = [[Fichier:Lipn.png|150px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. <br> = [[Fichier:agroparistech.png|200px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. <br> = [[Fichier:espacedev.png|200px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. 3e3f04a3bbfd7f8f3774836bb3c3979dc53dcd6d 752 751 2013-04-22T15:34:18Z Pgancarski 1 wikitext text/x-wiki Le consortium est composé de 5 laboratoires universitaires ou assimilés = [[Fichier:icube.png|150px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. <br> = [[Fichier:live.png|150px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans <br> = [[Fichier:Lipn.png|150px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. <br> = [[Fichier:agroparistech.png|200px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. <br> = [[Fichier:espacedev.png|200px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. fcee27878db2ce466416ca434bb1246e51a06b40 753 752 2013-04-22T15:34:59Z Pgancarski 1 wikitext text/x-wiki Le consortium est composé de 5 laboratoires universitaires ou assimilés = [[Fichier:icube.png|150px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. <br> = [[Fichier:live.png|150px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans <br> = [[Fichier:Lipn.png|150px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. <br> = [[Fichier:agroparistech.png|200px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. <br> = [[Fichier:espacedev.png|200px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. 511e900fddd53631a3ccc688ef39f58d28a955da 754 753 2013-04-23T11:54:50Z Admin 100 wikitext text/x-wiki Le consortium est composé de 5 laboratoires universitaires ou assimilés __NOTOC__ = [[Fichier:icube.png|150px]] = Le Laboratoire des Sciences de l’Image, de l’Informatique et de la Télédétection (ICube) est une unité mixte de recherche du CNRS (Délégation Régionale Alsace) et de l’Université de Strasbourg. L’équipe BFO (Fouille de Données) du LSIIT développe depuis de nombreuses années des algorithmes de fouille et d’extraction des connaissances avec différentes thématiques d’application ou en phase directe avec ce projet, que ce soit l’extraction des objets urbains géographiques (en collaboration avec le LIVE) par détection et segmentation guidée ou par classification multi-stratégies. <br> = [[Fichier:live.png|150px]] = Les travaux du laboratoire Image, Ville, Environnement (LIVE) portent sur l’analyse de l’organisation et des dynamiques des espaces urbanisés, avec une approche systémique qui permet d’avoir une approche globale de l’objet urbain et d’individualiser les éléments et les facteurs qui semblent pertinents pour étudier sa complexité. Le LIVE est impliqué dans l’étude des espaces urbanisés à partir des informations spatiales (images, cartes et BD) depuis près de 20 ans <br> = [[Fichier:Lipn.png|150px]] = Le Laboratoire d’Informatique de Paris-Nord (LIPN) est une unité mixte de recherche du CNRS (UMR7030) et de l’Université Paris 13, membre du PRES et l’IDEX Université Sorbonne Paris Cité et du Campus Condorcet. Les recherches du LIPN portent sur l’informatique fondamentale et le traitement de l’information. Ces travaux s’appuient notamment sur des compétences en algorithmique, logique, langage naturel et l’apprentissage artificiel. <br> = [[Fichier:agroparistech.png|200px]] = L’UMR-MIA 518 (Unité Mixte de Recherche AgroParisTech – INRA) rassemble des spécialistes en apprentissage artificiel et en statistiques dans le but de développer des méthodologies et des outils algorithmiques principalement tournés vers la modélisation et la compréhension de processus des sciences du vivant et de l’environnement. <br> = [[Fichier:espacedev.png|200px]] = ESPACE DEV (Espace pour le Développement) est une unité mixte de recherche (UMR 228) sous tutelle de l’IRD, Université de Montpellier 2, Université des Antilles et de la Guyane et Université de la Réunion. Cette unité comprenant 80 scientifiques se place dans une perspective de développement durable des territoires, prioritairement en milieu tropical, en mettant en œuvre des méthodologies de spatialisation des dynamiques de l’environnement, depuis l’acquisition des données jusqu’aux processus décisionnels pour permettre l’adaptation des sociétés du Sud aux changements globaux. La finalité est de contribuer à l’émergence de réseaux d’observatoires de l’environnement pour le développement durable. 3310943e1a0a71f4ca61c653ae50a3fdf887a4b8 Fichier:Live.png 6 31 748 2013-04-22T15:31:38Z Pgancarski 1 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 MediaWiki:Common.css 8 3 755 702 2013-04-24T07:36:48Z Admin 100 Page blanchie css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 Coclico 0 6 756 718 2013-04-25T09:30:17Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] [[FICHE_ANR | FICHE_ANR]] = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. 8ab5b983efad0cfc1a4716394d370f921299e6cc 761 756 2013-04-25T09:36:59Z Pgancarski 1 wikitext text/x-wiki [[Coclico| Présentation générale ]] [[Domaine | Domaines D'applications ]] [[Objectifs | Objectifs scientifiques et caractère ambitieux/novateur du projet ]] [[Programme | Programme scientifique et structuration du projet ]] = Présentation générale = La fouille de données est un maillon important dans la chaîne de traitements des données vers les connaissances. Ainsi, par exemple, appréhender et comprendre les processus de fonctionnement et de développement des systèmes plus ou moins anthropisés à diverses échelles spatiales et temporelles (urbanisation et pression sur les terres, érosion de la biodiversité etc.) à partir de données satellites ou autres devient un élément majeur dans différents domaines tels l’étude de l’environnement ou les politiques publiques d’aménagement du territoire. Or les techniques d’analyse actuelles sont de plus en plus limitées face à l’avalanche actuelle de données hétérogènes souvent incomplètes voire imprécises et de plus en plus souvent fournies en continu au fil de l’eau. <br> Or si les caractéristiques des méthodes de fouille sont en général bien connues et appréhendées par l’analyste-statisticien ou par l’informaticien, il n’en est que rarement de même pour l’utilisateur. Ainsi, bien souvent, il est nécessaire d’essayer plusieurs algorithmes avec différents paramètres afin de déterminer lequel répond le mieux à la question. L’utilisateur doit attentif à l’indéterminisme de beaucoup de méthodes de classification non supervisée. De plus, il est nécessaire de tenir compte de la qualité variable des données brutes et prétraitées, de la robustesse des méthodes d’apprentissage face au bruit et de la sensibilité des résultats à des changements dans les méthodes ou les paramètres d’acquisition/construction des données afin de proposer des stratégies de nettoyage et de prétraitement des données plus adéquates. Enfin, les données étant fournies en continue, s’ajoutent une dimension dynamique et le besoin d’une capacité d’apprentissage incrémental dans un contexte changeant. <br> Il n’existe pas à ce jour de moyen infaillible permettant de choisir au mieux la méthode et ses paramètres car ce choix est fortement lié au domaine d’application et à des connaissances a priori sur celui-ci et sur les données à traiter. Une approche de plus en plus proposée pour contourner ce problème est basée sur l’intuition que les méthodes sont complémentaires ou du moins peuvent se corroborer. Ainsi, des mécanismes de confrontation et d’unification des résultats, provenant de méthodes et de données diverses peuvent permettre de proposer à l’utilisateur une synthèse pertinente de ceux-ci. Une voie prometteuse dans ce domaine se base sur la collaboration entre différentes méthodes. <br> Néanmoins, on apprend d’autant mieux que ce qu’on aborde se rattache à ce qu’on connaît déjà et que l’objectif de la tâche est connu et compris : il n’est pas souhaitable que l’interprétation des données soit faite par une personne ignorante de la thématique. Ainsi, le processus d’interprétation nécessite bien souvent la présence d’un expert-thématicien mais est, malheureusement, très gourmand en temps. Faciliter cette implication en introduisant directement la connaissance de cet expert dans ce processus nécessite de modéliser et formaliser les classes/objets du monde réel, de définir leurs représentations possibles dans l’espace des données et enfin d’étudier et construire les mécanismes d’extraction et de labellisation de ces objets par rapport à ces connaissances. <br> == Le projet Coclico == Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale dans laquelle la collaboration entre les différentes méthodes de fouille de données sera guidée par des connaissances du domaine thématique (Géosciences, Géographie, Géomatique et Télédétection) formalisées en ontologies et du domaine de l’analyse (connaissances sur les méthodes), et garantissant un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. ca361656007e28b3bd7a1d0ec83b4c1e10ffbe3b FICHE ANR 0 32 757 2013-04-25T09:30:26Z Pgancarski 1 Page créée avec « ess » wikitext text/x-wiki ess 524f25feb711f8e837b893fffaaeb4e0df0c638d 758 757 2013-04-25T09:35:10Z Pgancarski 1 wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) ---------------- - Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. - Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources - Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. - Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, - Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine de43bf87796d739b6c7320ab52d4efd45cfdc168 759 758 2013-04-25T09:35:41Z Pgancarski 1 wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) ---------------- * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine 36982c15e71523301c521fd4789988dfb1200af6 760 759 2013-04-25T09:36:03Z Pgancarski 1 wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) ---------------- * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine 4dabb1dc275c70ab51fd510791ae317ec8703b22 762 760 2013-04-25T10:00:43Z Lorseau 22 ajout de sections wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == 4bd68dcbdcd77c23346e45b288efd12a2764286b 763 762 2013-04-25T15:18:46Z Lorseau 22 /* Version anglaise */ wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams of variable quality, [...] Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine eced4c92325c940a80784f7c43413564520fcbe0 764 763 2013-04-25T15:49:39Z Lorseau 22 /* Version anglaise */ 1st sentence wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == * Argument du projet (500 caractères) ''[Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances.]'' Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will guarantee a final quality objective that takes into account data and knowledge quality. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine 3624feb5b2ba8c3691e0e10b101de2c9a2bd6ff0 765 764 2013-04-25T15:54:51Z Lorseau 22 /* Version anglaise */ seconde phrase wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == * Argument du projet (500 caractères) ''[Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances.]'' Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will guarantee a final quality objective that takes into account data and knowledge quality. * Titre de la partie enjeux et objectif : ''[Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources]'' A data extraction method adapted to the complexity and the fast evolution of large batches of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine 532a681b20b4059246c997bade606cc98795dfbb 766 765 2013-04-25T16:01:38Z Lorseau 22 /* Version française */ +de wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == * Argument du projet (500 caractères) ''[Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances.]'' Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will guarantee a final quality objective that takes into account data and knowledge quality. * Titre de la partie enjeux et objectif : ''[Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources]'' A data extraction method adapted to the complexity and the fast evolution of large batches of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine e876bdc58a60bcba2053a64aa53c5c7660442b9e 767 766 2013-04-25T16:19:30Z Lorseau 22 /* Version anglaise */ gros paragraphe, merci google translation ! (+ reprise bien sûr) wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == (traduction à peu près littérale...) * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine f015ed8c4bfaa3fbf0d23f3fdb1c88652b18d903 768 767 2013-04-25T16:31:09Z Lorseau 22 /* Version française */ typos wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leurs relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == (traduction à peu près littérale...) * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine 2b3b0b369c5eed56526e461e02fa1e8c46e07fd0 769 768 2013-04-25T16:32:44Z Lorseau 22 /* Version française */ de -> à wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leurs relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et à leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == (traduction à peu près littérale...) * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine e1332a54280a31614c1d0d0c0836bb366c4222fc 770 769 2013-04-25T16:36:22Z Lorseau 22 /* Version française */ + de wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leurs relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et à leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et de mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == (traduction à peu près littérale...) * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leur relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et de leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine 2e17eed69b361735ab89c824e621fe8963dc3af2 771 770 2013-04-25T16:39:39Z Lorseau 22 /* Version anglaise */ dernier paragraph wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leurs relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et à leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et de mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == (traduction à peu près littérale...) * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, A comprehensive approach based on collaboration between "classical" mono-strategy methods * Méthodes / Approches Four original facets ((2000 caractères)): - The method will be multi-strategy and multi-scale. We propose to extend the traditional collaborative methods in order to be able to use new families of algorithms (segmentation, ranking ...). The goal is to improve the quality of results and enable a multi-scale data analysis - It will be incremental. It is no longer possible to reconstruct knowledge from scratch from the phenomenon under study at each new data. We propose to implement an incremental method for the comparison of the extracted knowledge to new experimental results or new hypotheses about the data. The objective is to allow for a continuous questioning of the extracted knowledge to meet the specific needs of the scientists and the thematicians(?) - It will be guided by knowledge. To minimize the involvement of the user during the process, it is necessary to use her knowledge of the entities and their mutual relations, define their representations and mechanisms for their extraction and recognition. We propose to study and implement such a knowledge base. The goal is help guide, but also to challenge, the collaborative process based on this knowledge - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine - It will be guided by the quality of data and knowledge: We propose to study and implement a method integrating a knowledge base with the collaborative process itself, enabling to choose the best data to be processed according to their own and related qualities but also to select the most appropriate pre-treatment methods, the "best" mono-strategy methods, and the best configuration for multi-strategy collaborative for the latter. The goal is to make the method robust to noise and errors in the formalization of domain knowledge 772b698cc73e9e75f8b8333988d2bb10c10665e5 772 771 2013-04-25T16:44:36Z Lorseau 22 /* Version anglaise */ formattage wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leurs relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et à leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et de mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == (traduction à peu près littérale...) * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: :*The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. :*The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. :*Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. :*The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. :*The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, A comprehensive approach based on collaboration between "classical" mono-strategy methods * Méthodes / Approches Four original facets ((2000 caractères)): :* The method will be multi-strategy and multi-scale. We propose to extend the traditional collaborative methods in order to be able to use new families of algorithms (segmentation, ranking ...). The goal is to improve the quality of results and enable a multi-scale data analysis :* It will be incremental. It is no longer possible to reconstruct knowledge from scratch from the phenomenon under study at each new data. We propose to implement an incremental method for the comparison of the extracted knowledge to new experimental results or new hypotheses about the data. The objective is to allow for a continuous questioning of the extracted knowledge to meet the specific needs of the scientists and the thematicians(?) :* It will be guided by knowledge. To minimize the involvement of the user during the process, it is necessary to use her knowledge of the entities and their mutual relations, define their representations and mechanisms for their extraction and recognition. We propose to study and implement such a knowledge base. The goal is help guide, but also to challenge, the collaborative process based on this knowledge :* Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine :* It will be guided by the quality of data and knowledge: We propose to study and implement a method integrating a knowledge base with the collaborative process itself, enabling to choose the best data to be processed according to their own and related qualities but also to select the most appropriate pre-treatment methods, the "best" mono-strategy methods, and the best configuration for multi-strategy collaborative for the latter. The goal is to make the method robust to noise and errors in the formalization of domain knowledge 923ac1a0a300a45ee9c54c5aa8121abde442a7e5 773 772 2013-04-25T16:44:49Z Lorseau 22 /* Version anglaise */ wikitext text/x-wiki Voila la fiche "produit"/résumé/présentation du projet que vous devez relire/corriger/valider. Je vous rappelle que le nombre de mots est limité ... (soumission impossible en cas de dépassement) == Version française == * Argument du projet (500 caractères) Coclico est un projet de recherche visant à étudier et proposer une méthode générique innovante permettant une analyse multi-échelle de grands volumes de données spatio-temporelles fournies en continue de qualité très variable, mettant en œuvre une approche multistratégie incrémentale guidée par des connaissances. Elle garantira un objectif de qualité finale prenant en compte la qualité des données et celles des connaissances. * Titre de la partie enjeux et objectif : Une méthode d'extraction de connaissances adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources * Enjeux et objectifs (2000 caractères) Le projet Coclico vise à développer des méthodes automatiques ou semi-automatiques adaptées à la complexité et à l’évolution rapide de grandes masses de données spatio-temporelles multisources, en s’appuyant sur des méthodes avancées issues de la fouille des données et de l’apprentissage artificiel pour l’analyse et le suivi de phénomènes complexes. Il se doit donc de répondre à de nombreux défis dont entre autres : Les données constituent d’énormes volumes et le problème du passage à l’échelle des algorithmes est primordial notamment pour le développement des approches incrémentales permettant une mise à jour continue des modèles. Les données peuvent contenir des aberrations ou des erreurs dont la détection et la prise en compte dans le processus d’analyse sont complexes. Les processus naturels et anthropiques sont complexes et en constante évolution, les données utilisées sont dynamiques. L’analyse se fait à plusieurs niveaux sémantiques : il faut en effet être en mesure de mener une analyse à un niveau global autant que local et d’articuler ces niveaux. Les connaissances à la fois sur les phénomènes et processus à étudier et sur les méthodes à mettre en œuvre dans ce but sont complexes et peu formalisées. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies * Méthodes / Approches Quatre facettes originales ((2000 caractères)) - La méthode sera multistratégie et multi-échelle. Nous proposons d’étendre les méthodes collaboratives classiques afin de pourvoir utiliser de nouvelles familles d’algorithmes (segmentation, ranking ...). L’objectif est d’améliorer la qualité des résultats et de permettre une analyse multi-échelle des données - Elle sera incrémentale. Il n’est plus envisageable de reconstruire ex nihilo la connaissance sur le phénomène étudié à chaque nouvelle donnée. Nous proposons de mettre en œuvre une méthode incrémentale permettant la confrontation de la connaissance extraite à de nouveaux résultats d’expériences ou à de nouvelles hypothèses sur les données. L’objectif est de permettre la remise en question continue de ces connaissances extraites afin de répondre précisément aux besoins des scientifiques et thématiciens - Elle sera guidée par la connaissance. Pour réduire l’implication de l’utilisateur dans le processus, il est nécessaire d’utiliser ses connaissances sur le entités et leurs relations mutuelles, de définir leurs représentations et les mécanismes nécessaires à leur extraction et à leur reconnaissance. Nous proposons d'étudier et mettre en œuvre une telle base de connaissances. L’objectif est permettre de guider mais aussi de remettre en cause le processus collaboratif en fonction de cette connaissance - Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et de mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine == Version anglaise == * Argument du projet (500 caractères) Coclico is a research project aiming at studying and proposing a generic and innovative method for large volumes of multi-scale, spatiotemporal data streams(?) of variable quality, by using a incremental knowledge-guided multi-strategy approach. It will ensure a quality final goal that takes into account the quality of data and of knowledge. * Titre de la partie enjeux et objectif : A knowledge extraction method adapted to the complexity and rapid evolution of large masses of multi-source spatiotemporal data * Enjeux et objectifs (2000 caractères) The Coclico project aims to develop automatic or semi-automatic methods, tailored to the complexity and rapid evolution of large masses of multi-source spatiotemporal data, relying on advanced methods from data mining and the machine learning for the analysis and monitoring of complex phenomena. It must therefore meet several challenges, including: :*The data volumes are huge and the problem of scaling algorithms is particularly important for the development of incremental approaches allowing for continuously updating models. :*The data may contain errors or aberrations whose detection and consideration in the analysis process are complex. :*Natural and anthropogenic processes are complex and constantly evolving, the data are dynamic. :*The analysis is done in several semantic levels: it must indeed be able to conduct an analysis on both the global and local levels and articulate these levels. :*The knowledge about both the phenomena and processes under study and the methods to be implemented for this purpose are complex and barely formalized. * Titre de la partie Méthodes / Approches : Une approche globale basée sur la collaboration entre méthodes d’analyse « classiques » monostratégies, A comprehensive approach based on collaboration between "classical" mono-strategy methods * Méthodes / Approches Four original facets ((2000 caractères)): :* The method will be multi-strategy and multi-scale. We propose to extend the traditional collaborative methods in order to be able to use new families of algorithms (segmentation, ranking ...). The goal is to improve the quality of results and enable a multi-scale data analysis :* It will be incremental. It is no longer possible to reconstruct knowledge from scratch from the phenomenon under study at each new data. We propose to implement an incremental method for the comparison of the extracted knowledge to new experimental results or new hypotheses about the data. The objective is to allow for a continuous questioning of the extracted knowledge to meet the specific needs of the scientists and the thematicians(?) :* It will be guided by knowledge. To minimize the involvement of the user during the process, it is necessary to use her knowledge of the entities and their mutual relations, define their representations and mechanisms for their extraction and recognition. We propose to study and implement such a knowledge base. The goal is help guide, but also to challenge, the collaborative process based on this knowledge :* Elle sera guidée par la qualité des données et des connaissances : Nous proposons d’étudier et mettre en œuvre une méthode intégrant une base de connaissance sur le processus collaboratif lui-même et permettant de choisir au mieux les données à traiter en fonction de leurs qualités propres et relatives mais aussi de sélectionner les méthodes de prétraitement les plus adaptées, les « meilleures » méthodes monostratégies et la meilleure configuration de collaboration multistratégie pour celles-ci. L’objectif est de rendre la méthode robuste face au bruit et aux erreurs de formalisation dans les connaissances du domaine :* It will be guided by the quality of data and knowledge: We propose to study and implement a method integrating a knowledge base with the collaborative process itself, enabling to choose the best data to be processed according to their own and related qualities but also to select the most appropriate pre-treatment methods, the "best" mono-strategy methods, and the best configuration for multi-strategy collaborative for the latter. The goal is to make the method robust to noise and errors in the formalization of domain knowledge c5e014fadf150134d77e2ec774f5370d1e3a4f3a Fichier:Paysages et Composants commune d'Androy.pdf 6 33 774 2013-05-14T12:45:15Z Atoulet 35 Typologie de paysages de MADAGASCAR (A.-E. Laques) wikitext text/x-wiki Typologie de paysages de MADAGASCAR (A.-E. Laques) 073521c38deb534ce71d68bc1fe7eb9dc0088d70 Fichier:Presentation Avril 2013.pdf 6 34 775 2013-05-14T12:50:11Z Atoulet 35 Modélisation des types paysagers à partir des travaux d'A.-E. Laques (Anne Toulet) wikitext text/x-wiki Modélisation des types paysagers à partir des travaux d'A.-E. Laques (Anne Toulet) 23157316d93417db70c41b065de62e5ed368ae4e Fichier:IC 2013.pdf 6 35 776 2013-09-13T15:32:07Z Smarczwecker 34 Implémentation d'un raisonnement spatial qualitatif sur les relations RCC8 au moyen de OWL et de SWRL wikitext text/x-wiki Implémentation d'un raisonnement spatial qualitatif sur les relations RCC8 au moyen de OWL et de SWRL 63743bf1fc7098a6ee8f3153581a6f250ffba967 Fichier:CR réunion GT Connaissances du 14-10.pdf 6 36 777 2013-11-04T09:14:24Z Smarczwecker 34 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:HMRF Collaboratifs.pdf 6 37 778 2014-03-28T09:00:37Z Jsublime 108 Présentation sur les HMRF Collaboratifs wikitext text/x-wiki Présentation sur les HMRF Collaboratifs 086331da98633cde2de2306c40a26613cf1bb096 779 778 2014-04-02T16:20:52Z Jsublime 108 Jsublime a importé une nouvelle version de « [[Fichier:HMRF Collaboratifs.pdf]] » wikitext text/x-wiki Présentation sur les HMRF Collaboratifs 086331da98633cde2de2306c40a26613cf1bb096 Fichier:Marc Zwecker et al KEOD 2014.pdf 6 38 780 2014-07-22T11:10:13Z Smarczwecker 34 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:FOIS 2016 Roda&Zanni-Merk.pdf 6 39 781 2016-04-16T09:34:55Z Czannimerk 29 An Intelligent Data Analysis framework for supporting perception of geospatial phenomena wikitext text/x-wiki An Intelligent Data Analysis framework for supporting perception of geospatial phenomena fd1252f6d838bc972f3d76a936f7a43330fc9760 Fichier:FOIS 2016 Roda Zanni.pdf 6 40 782 2016-04-16T09:42:11Z Czannimerk 29 An Intelligent Data Analysis framework for supporting perception of geospatial phenomena 9th International Conference on Formal Ontology in Information Systems (FOIS 2016) wikitext text/x-wiki An Intelligent Data Analysis framework for supporting perception of geospatial phenomena 9th International Conference on Formal Ontology in Information Systems (FOIS 2016) fc356340f5c02e7bc9cdec3ed3437d91a4d17b69 Fichier:Approche HybrideAbasedOntologiepourleClustering parContraintes SFC 2016.pdf 6 41 783 2016-05-10T14:28:21Z Imougenot 15 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:GenerationdeContraintesPourLeClusteringApartirduneOntologieApplicationAlaClassificationDImagesSatellites EGC 2016.pdf 6 42 784 2016-05-10T14:30:20Z Imougenot 15 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 Fichier:RFIA 2016 FOURIRE Approche Methodologique Integration Incertitude Reconnaissance Objets Urbains.pdf 6 43 785 2016-05-17T10:04:21Z Smarczwecker 34 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709